Plac zabaw kodu

Eksperymentuj z kodem bez opuszczania strony. Tryb konsoli JavaScript wykonuje fragment w zamkniętej piaskownicy i kolorowo wypisuje wyjście console.log / warn / error; tryb podglądu HTML renderuje na żywo pełną stronę HTML + CSS + JavaScript i pozwala pobrać ją jako plik. Bez serwera i bez wysyłania — zepsuty fragment (nawet nieskończona pętla) zawsze można zatrzymać i nigdy nie dotknie reszty strony. Pokrewne narzędzie: Detektor języka.
Kod JavaScript
Model bezpieczeństwa. Oba tryby działają w iframe sandbox, który dopuszcza tylko skrypty: bez dostępu same-origin, bez formularzy, wyskakujących okien i pobierań z wnętrza piaskownicy, więc fragment nie może dotknąć tej strony, plików ani innych kart. JavaScript działa w odizolowanym procesie, więc Zatrzymaj przerywa działający fragment, a strona nadal reaguje; gdy uruchomienie trwa wyjątkowo długo, strona sama oferuje Zatrzymaj. Uwaga: prawdziwie nieskończona pętla utrzymuje proces piaskownicy zajęty nawet po Zatrzymaj — jeśli kolejne uruchomienie nie pokazuje wyjścia, odśwież stronę, aby odzyskać działanie. Pobierz stronę w podglądzie HTML zapisuje kod źródłowy jako lokalny plik .html.
Jak piaskownica przeglądarki uruchamia kod

Panel podglądu to izolowany iframe z piaskownicą: osobny kontekst przeglądania, który nie może sięgnąć do DOM ani ciasteczek strony nadrzędnej. Wyjście konsoli skryptu jest przechwytywane i odsyłane z powrotem, dzięki czemu błędy są widoczne bez otwierania narzędzi deweloperskich — a wszystko działa w przeglądarce, nigdy na serwerze.

Piaskownica to granica bezpieczeństwa, a nie dekoracja — kod wklejony tutaj nie może dotknąć tej witryny ani innych kart.