JavaScript ihrisko – spustite JavaScript, HTML a CSS
Píšte a spúšťajte JavaScript, HTML a CSS v sandboxovanom iframe so živým panelom výstupu konzoly a ukážkou. Prístup k sieti je predvolene blokovaný meta značkou CSP; môžete ho zapnúť s viditeľným upozornením. Použite režim automatického spúšťania na spúšťanie kódu počas práce, alebo Stop/Reset na opätovné vytvorenie iframe a prerušenie nekonečnej slučky. Úvodné príklady vám pomôžu začať.
JavaScript ihrisko je kódovací pracovný priestor v prehliadači na písanie a spúšťanie JavaScriptu, HTML a CSS. Editor má samostatné karty JS, HTML a CSS, s panelom ukážky a živým panelom výstupu konzoly, takže môžete skúmať stránku a jej výstup spoločne. Použite ho na experimentovanie s krátkym útržkom alebo vyskúšanie kódu bez inštalácie lokálneho vývojového prostredia.
Kód beží vo vnútri sandboxovaného iframe nakonfigurovaného s allow-scripts a bez allow-same-origin. Meta značka CSP predvolene blokuje prístup k sieti; môžete ho zapnúť a rozhranie zobrazí viditeľné upozornenie. Režim automatického spúšťania spúšťa kód počas práce. Ak sa skript zasekne v nekonečnej slučke, Stop/Reset zničí a opätovne vytvorí iframe. Súčasťou sú aj úvodné príklady.
JavaScript, HTML a CSS majú na webovej stránke rôzne úlohy: HTML štruktúruje obsah, CSS riadi jeho prezentáciu a JavaScript pridáva správanie. Udržiavanie v samostatných kartách uľahčuje testovanie, ako tieto časti spolupracujú, kontrolu zmeny v ukážke a kontrolu výstupu v konzole.
JavaScript ihrisko funguje úplne vo vašom prehliadači. Váš vstup sa spracúva na vašom zariadení a neukladá sa, neuchováva ani neodosiela na server. Funguje offline po načítaní stránky a je zadarmo. Vývojári a DevOps inžinieri ho môžu používať na skúmanie kódu, kontrolu správania stránky alebo riešenie rýchlej programátorskej úlohy z rôznych počítačov.
Krok 1: Otvorte karty JS, HTML a CSS a zadajte kód, ktorý chcete vyskúšať. Pre každú časť svojej stránky použite príslušnú kartu.
Krok 2: Zvoľte, či chcete použiť režim automatického spúšťania. Keď je zapnutý, váš kód sa automaticky spúšťa počas práce.
Krok 3: Majte na pamäti predvolenú ochranu siete: meta značka CSP blokuje prístup k sieti. Prístup k sieti môžete zapnúť a ihrisko zobrazí viditeľné upozornenie.
Krok 4: Spustite svoj kód a skontrolujte ukážku a živý panel výstupu konzoly, aby ste videli výsledky.
Krok 5: Ak sa kód zasekne v nekonečnej slučke, použite Stop/Reset na zničenie a opätovné vytvorenie sandboxovaného iframe.
Prípad použitia: Vyskúšajte útržok JavaScriptu bez inštalácie lokálneho vývojového prostredia. Ihrisko spustí váš kód v prehliadači a zobrazí živý výstup konzoly.
Prípad použitia: Skontrolujte, ako HTML, CSS a JavaScript spolupracujú, úpravou v ich samostatných kartách a kontrolou ukážky.
Prípad použitia: Skúmajte správanie kódu pomocou živého panelu výstupu konzoly vedľa ukážky stránky.
Prípad použitia: Zotavte sa z nekonečnej slučky pomocou Stop/Reset na zničenie a opätovné vytvorenie iframe.
Prípad použitia: Pracujte na programátorskej úlohe z počítača, kde nemáte k dispozícii lokálne nastavenie.
Prípad použitia: Vyhnite sa odosielaniu interného kódu alebo údajov službe tretej strany: ihrisko spracúva vstup vo vašom prehliadači.
Prípad použitia: Preskúmajte úvodné príklady, keď chcete východiskový bod na experimentovanie s JavaScriptom, HTML alebo CSS.