Hřiště pro kód
Online hřiště pro HTML, CSS a JavaScript s živým náhledem, editorem s čísly řádků a zachycenou konzolí. Testujte úryvky okamžitě a výsledek si stáhněte jako jeden soubor HTML - celé ve vašem prohlížeči.
Co je hřiště pro kód?
Hřiště pro kód je sandbox, kde píšete HTML, CSS a JavaScript a okamžitě vidíte vykreslený výsledek. Tohle přidává zachycenou konzoli, editory s čísly řádků a možnost stáhnout si práci jako jeden soubor HTML.
Jak funguje živý náhled?
Vaše tři panely kódu se spojí do kompletního dokumentu HTML a vykreslí v izolovaném iframe. Se zapnutým automatickým spuštěním se náhled obnoví zhruba půl sekundy po přerušení psaní; jinak stiskněte Spustit.
Co zobrazuje panel konzole?
Vše, co stránka vypisuje přes console.log, info, warn a error, plus běhové chyby a nezpracovaná odmítnutí Promise s čísly řádků. Při každém spuštění se čistí.
Zůstane můj kód uložen po obnovení stránky?
Ano. Koncept všech tří panelů se ukládá lokálně ve vašem prohlížeči a obnovuje při příští návštěvě. Obnovit vrátí původní ukázkový kód a vymazání dat webu koncept odstraní.
Je náhled v sandboxu a bezpečný?
Náhled běží v sandboxovaném iframe bez same-origin přístupu: testované skripty nemohou číst tuto stránku ani její cookies. Přesto testujte jen důvěryhodný kód, protože běží ve vašem prohlížeči.
Můžu si svůj experiment stáhnout?
Ano. Stáhnout .html uloží současný HTML, CSS a JavaScript spojené do jednoho samostatného souboru, který otevřete v jakémkoli prohlížeči nebo sdílíte.
Co mohu spustit v panelu JavaScriptu?
Standardní prohlížečový JavaScript: manipulaci s DOM, události, canvas, fetch na veřejná API (dle jejich pravidel CORS) a jakoukoli knihovnu vloženou inline. Moduly a npm balíčky se neřeší.
Potřebuje hřiště připojení k internetu?
Jen pro načtení samotné stránky. Editace, náhled i zachytávání konzole běží poté lokálně a váš kód se nikam neodesílá.
Jak používat Hřiště pro kód
Toto hřiště spojuje váš HTML, CSS a JavaScript do sandboxové živé náhledy zcela ve vašem prohlížeči, s panelem konzole zachycujícím logy a chyby. Koncept se ukládá lokálně, takže navážete tam, kde jste skončili.
- Upravte panely HTML, CSS a JavaScript — každý editor má čísla řádků a zvýraznění syntaxe.
- Se zapnutým Automatickým spuštěním se náhled obnovuje automaticky při psaní; jinak stiskněte Spustit (nebo Automatické spuštění vypněte a spouštějte ručně).
- Sledujte panel Konzole pod náhledem: výstup console.log, varování, chyby a nezachycené výjimky se tam zobrazují s čísly řádků.
- Stiskem Obnovit se vrátíte k vestavěné ukázce, tlačítkem Stáhnout .html uložíte vše do jediného soběstačného souboru.
- Pomocí Otevřít v novém okně si aktuální dokument prohlédnete v plné velikosti ve vlastní kartě.
Konzole se při každém spuštění vyprázdní, takže při ladění klidně přidávejte console.log — výstup se objeví okamžitě, aniž byste otevírali skutečnou konzoli prohlížeče.
Související nástroje
- JavaScript Zkrášlovač Bezplatný online zkrášlovač a formátovač kódu JavaScript. Okamžitě převeďte minifikovaný JS na čistý, čitelný kód se správným odsazením a přizpůsobitelnými možnostmi.
- JS minifikátor Minifikujte JavaScript kód okamžitě. Odstraňte mezery, komentáře a optimalizujte JS pro rychlejší načítání.
- Tester regulárních výrazů Testujte a ladte regulární výrazy s párováním v reálném čase a zachycováním skupin.
- Náhled Markdown Bezplatný online editor Markdown s živým náhledem. Pište, renderujte a exportujte Markdown s plnou podporou GFM.
- Kontrola Hash Počítejte a ověřujte hashe MD5, SHA-1, SHA-256, SHA-512 lokálně
- Kalkulačka Chmod Bezplatný online kalkulačka chmod pro vizualizaci a výpočet oprávnění souborů Linux pomocí zaškrtávacích polí. Okamžitá konverze mezi číselnou (755, 644) a symbolickou notací (rwxr-xr-x). Podporuje speciální oprávnění jako setuid, setgid, sticky bit.
- ASCII Tabulka Kompletní reference kódování znaků ASCII s desítkovými, hexadecimálními, osmičkovými, binárními kódy, HTML entitami a popisy znaků. Okamžité vyhledávání a filtrování.
- Hex prohlížeč Zobrazte obsah souborů v hex dump formátu s vyhledáváním, navigací po offsetu a virtuálním posouváním