HTML-Vorschau
Bearbeiten Sie HTML, CSS und JavaScript mit Live-Vorschau. Drei-Bereich-Editor, sandboxed Iframe, keine Anmeldung. Gratis, im Browser.
Referenz
Wie funktioniert die HTML-Vorschau?
Dieses Tool führt Ihr HTML, CSS und JavaScript in einem sandboxed Iframe über srcdoc aus. Das Iframe hat das Attribut sandbox so gesetzt, dass Skripte erlaubt sind, aber Top-Level-Navigation, Formularübermittlung und Zugriff auf die Cookies Ihres Origins blockiert werden — sodass jeder Code, den Sie einfügen, isoliert vom Rest der Seite ausgeführt wird. Die Auto-Ausführung baut das Iframe (mit Debounce) bei jedem Tastendruck neu auf.
Häufige Anwendungsfälle
- Schnelles Prototyping — probieren Sie HTML/CSS-Ideen aus, ohne ein Projekt zu starten.
- Lehre — teilen Sie interaktive Beispiele mit Studierenden.
- Code-Beispiele — rendern Sie Stack Overflow-Snippets isoliert.
- Debugging — reproduzieren Sie einen Bug in einem minimalen Kontext.
Datenschutz
Der gesamte Code läuft zu 100% in Ihrem Browser in einem sandboxed Iframe. Es werden keine Daten gesendet.