Kódjátszótér — JavaScript futtatása vagy HTML-oldal előnézete, mindez helyben
Kódjátszótér
Kísérletezés a kóddal anélkül, hogy elhagyná az oldalt. A JavaScript-konzol mód a kódrészletet zárt homokozóban futtatja, és a console.log / warn / error kimenetet színesen visszaküldi; a HTML-előnézet mód élőben jelenít meg egy teljes HTML + CSS + JavaScript oldalt, és fájlként letölthetővé teszi. Nincs szerver, nincs feltöltés — egy hibás kódrészlet (akár végtelen ciklus) mindig leállítható, és soha nem érintheti az oldal többi részét. Kapcsolódó segédeszköz: a Nyelvfelismerő.
JavaScript-kód
HTML + CSS + JavaScript
Biztonsági modell. Mindkét mód egy iframe sandbox-on belül fut, amely csak szkripteket enged: nincs azonos eredetű hozzáférés, nincsenek űrlapok, előugró ablakok és letöltések a homokozón belülről, így a kódrészlet nem érheti el ezt az oldalt, a fájljait vagy a többi lapot. A JavaScript elkülönített folyamatban fut, ezért a Leállítás megszakítja a futó kódrészletet, és az oldal továbbra is válaszol; ha a futtatás szokatlanul hosszú, az oldal automatikusan felajánlja a Leállítást. Megjegyzendő, hogy egy valódi végtelen ciklus a leállítás után is foglalva tartja a homokozó folyamatát — ha a következő futtatás nem ad kimenetet, az oldal frissítése állítja helyre. A HTML-előnézet Oldal letöltése gombja a forrást helyi .html fájlként menti.
Hogyan futtat kódot a böngészős homokozó
Az előnézeti panel egy homokozott iframe: külön böngészési kontextus, amely nem éri el a szülőoldal DOM-ját vagy sütijeit. A szkript konzolkimenete rögzítésre és visszatükrözésre kerül, így a hibák fejlesztői eszközök megnyitása nélkül láthatók — és minden a böngészőben fut, soha nem szerveren.
A homokozó biztonsági határ, nem kozmetikai elem — az ide beillesztett kód nem férhet hozzá ehhez a webhelyhez vagy a többi lapjához.
🔧 Kód- és fejlesztőeszközök
Kis kód- és fejlesztői segédeszközök, amelyek teljes egészében a böngészőben futnak.