Jak použít
- Vložte kód HTML do textového pole nebo do něj přetáhněte soubor.
- Nechte zapnutý JavaScript, pokud chcete v náhledu spouštět i skripty.
- Na širší obrazovce vyberte ve volbě Viewport možnost Mobil 375, Tablet 768 nebo Počítač 1280.
- Nechte zapnutý Živý náhled, aby se náhled aktualizoval po úpravách kódu. Když ho vypnete, aktualizujete náhled klávesami Ctrl/Cmd+Enter.
Příklady
Karta produktu na mobilu
<style>article{max-width:320px;padding:20px;border:1px solid #ccc;border-radius:12px;font-family:sans-serif}strong{color:#176b3a}</style>
<article><h2>Keramický hrnek</h2><p>Ručně vyrobený v Brně. Objem 300 ml.</p><strong>390 Kč</strong></article>Velikost: 253 B · Prvky: 5 · Externí zdroje: 0
Kontrola údajů objednávky v konzoli
<h2>Objednávka č. 2026105</h2>
<p>2 kusy za 780 Kč</p>
<script>console.log('Objednávka', {cislo:2026105, kusy:2, celkem:780, mena:'CZK'});</script>Velikost: 151 B · Prvky: 3 · Externí zdroje: 0
Konzole (1):
Objednávka {"cislo":2026105,"kusy":2,"celkem":780,"mena":"CZK"}Hledání chyby ve skriptu
<h2>Výpočet ceny dopravy</h2> <script> vypocitatDopravu(); </script>
Velikost: 70 B · Prvky: 2 · Externí zdroje: 0 Konzole (1): Uncaught ReferenceError: vypocitatDopravu is not defined (řádek 3:1)
Časté dotazy
Jak zobrazit HTML stránky podle její adresy?
Použijte nástroj Zdrojový kód stránky. Tento náhled adresu nenačítá; vloženou URL zobrazí pouze jako text.
Proč se v náhledu nezobrazují obrázky nebo CSS?
Relativní cesty jako img/logo.png nebo style.css se nenačtou, pokud kód neobsahuje prvek base s atributem href. Použijte úplné URL. Pokud máte zapnuté Blokovat externí zdroje, nenačtou se ani obrázky a styly z jiných serverů.
Jaké soubory HTML mohu otevřít?
Podporované jsou soubory .html, .htm, .xhtml, .svg a .txt do 5 MB. Soubory větší než 5 MB nástroj odmítne.
Odesílá se vložený HTML kód na server?
Nástroj vykresluje HTML ve vašem prohlížeči a kód na server neodesílá ani neukládá. Externí obrázky, písma, styly a skripty uvedené v kódu ale váš prohlížeč načítá z jejich serverů, které tak uvidí vaši IP adresu. Zabráníte tomu volbou Blokovat externí zdroje.
Může skript v náhledu změnit tuto stránku nebo číst její cookies?
Náhled běží v izolovaném sandboxu. Skripty nemají přístup ke cookies ani localStorage tohoto webu a nemohou číst či měnit nadřazenou stránku.