Code-Spielplatz

Experimentieren Sie mit Code, ohne die Seite zu verlassen. Der Modus JavaScript-Konsole führt Ihr Snippet in einer abgeschotteten Sandbox aus und gibt console.log / warn / error-Ausgaben farbig zurück; der Modus HTML-Vorschau rendert eine vollständige HTML-, CSS- und JavaScript-Seite live und erlaubt den Download als Datei. Kein Server, kein Upload — ein fehlerhaftes Snippet (selbst eine Endlosschleife) lässt sich immer stoppen und kann den Rest der Seite nie beeinflussen. Verwandtes Werkzeug: Spracherkennung.
JavaScript-Code
Sicherheitsmodell. Beide Modi laufen in einem iframe sandbox, das nur Skripte erlaubt: kein Zugriff auf dieselbe Herkunft, keine Formulare, keine Pop-ups und keine Downloads aus der Sandbox heraus, sodass Ihr Snippet diese Seite, Ihre Dateien oder andere Tabs nicht berühren kann. JavaScript läuft in einem isolierten Prozess, daher unterbricht Stopp ein laufendes Snippet, und diese Seite bleibt reaktionsfähig; dauert ein Lauf ungewöhnlich lange, bietet die Seite Stopp automatisch an. Beachten Sie, dass eine echte Endlosschleife ihren Sandbox-Prozess auch nach Stopp beschäftigt hält — zeigt der nächste Lauf keine Ausgabe, laden Sie die Seite neu. Die Schaltfläche Seite herunterladen der HTML-Vorschau speichert den Quelltext als lokale .html-Datei.
Wie eine Browser-Sandbox Ihren Code ausführt

Das Vorschaufenster ist ein abgeschottetes iframe: ein eigener Browsing-Kontext, der weder das DOM noch die Cookies der übergeordneten Seite erreichen kann. Die Konsolenausgabe Ihres Skripts wird erfasst und zurückgespiegelt, sodass Fehler sichtbar sind, ohne die Entwicklerwerkzeuge zu öffnen — und alles läuft in Ihrem Browser, nie auf einem Server.

Sandboxing ist eine Sicherheitsgrenze, keine Kosmetik — Code, den Sie hier einfügen, kann diese Website oder Ihre anderen Tabs nicht berühren.