HTML-Viewer - HTML im Browser Online Vorschauen
HTML einfügen und sofort eine Vorschau sehen. Auch formatierten Quellcode anzeigen. Kostenlos, läuft vollständig im Browser.
Eingabe
Ausgabe
Was ist ein HTML-Viewer?
Ein HTML-Viewer ermöglicht es Ihnen, HTML einzufügen oder zu schreiben und sofort eine Live-Vorschau zu sehen. Das ist nützlich zum schnellen Testen von HTML-Snippets, E-Mail-Vorlagen oder beliebigem HTML ohne vollständige Entwicklungsumgebung.
Dieses Tool läuft vollständig in Ihrem Browser. Die Vorschau wird in einem sandboxed Iframe mit dem srcdoc-Attribut gerendert. Der Quellcode-Tab zeigt den formatierten HTML-Quellcode.
So verwenden Sie dieses Tool
HTML einfügen oder hochladen
Fügen Sie HTML in den linken Editor ein oder klicken Sie auf Hochladen, um eine Datei zu laden. Klicken Sie auf Beispiel, um ein Beispiel auszuprobieren.
Vorschau oder Quellcode ansehen
Das rechte Panel zeigt eine Live-Vorschau Ihres HTML. Wechseln Sie zum Quellcode-Tab, um den formatierten HTML-Quellcode zu sehen.
Kopieren oder Herunterladen
Verwenden Sie <strong>Kopieren</strong> oder <strong>Herunterladen</strong>, um den formatierten Quellcode zu speichern. Um HTML auf Fehler zu validieren, verwenden Sie den HTML-Validator.
HTML-Viewer Beispiel
Fügen Sie beliebige HTML-Snippets ein und sehen Sie sie sofort gerendert. Hier ein einfaches Beispiel:
HTML-Eingabe
Wann ein HTML-Viewer nützlich ist
Ein HTML-Viewer ist nützlich, wenn Sie HTML-Snippets schnell testen, E-Mail-Vorlagen prüfen, automatisch generierten HTML überprüfen oder eine visuelle Vorschau mit Kollegen teilen möchten.
Zum Validieren der HTML-Struktur und Finden von Fehlern verwenden Sie den HTML-Validator.
Häufig gestellte Fragen
Ist die Vorschau sandboxed?
Ja. Die Vorschau läuft in einem sandboxed Iframe mit dem Attribut sandbox="allow-scripts". Dies verhindert den Zugriff auf Cookies oder die übergeordnete Seite.
Werden meine Daten an einen Server gesendet?
Nein. Die Vorschau wird vollständig in Ihrem Browser mit dem srcdoc-Attribut gerendert.
Verwandte Tools
Siehe die HTML Living Standard und MDN iframe-Dokumentation.