HTML einfügen, Datei öffnen oder Beispiel laden, um die Vorschau zu sehen.
Dieser HTML Viewer stellt HTML-Code direkt im Browser als fertige Webseite dar. HTML einfügen oder eine .html-Datei öffnen – die Vorschau läuft in einer isolierten Sandbox, hochgeladen wird nichts.
Zuletzt aktualisiert:
So funktioniert’s
HTML einfügen oder öffnen
Code in den Editor einfügen, eine .html-Datei darauf ablegen, „Datei öffnen“ wählen oder mit „Beispiel laden“ beginnen.
Gerendert ansehen
Die Seite erscheint sofort in einem abgeschirmten Rahmen. Zwischen „Einpassen“, „Desktop“ (1280 px), „Tablet“ (768 px) und „Mobil“ (375 px) wechseln und das Gerät drehen.
Bearbeiten, speichern, drucken
Code ändern, die Vorschau folgt beim Tippen. Danach „.html herunterladen“, „In neuem Tab öffnen“ oder über „Drucken / PDF“ als PDF sichern.
Funktionen
Live-Vorschau beim Bearbeiten
Code-Editor mit Syntaxhervorhebung, Code-Faltung und Suche (Strg+F); die Vorschau folgt kurz nach dem Tippen.
Standardmäßig im sicheren Modus
Skripte und Event-Handler entfernt DOMPurify vor dem Rendern. Ist „Sicherer Modus“ ausgeschaltet, läuft JavaScript in einer isolierten Sandbox ohne Zugriff auf diese Website.
Responsive Gerätebreiten
Media Queries sehen die echte Gerätebreite. Externe Bilder, Schriften und Stylesheets werden nach Domain aufgelistet und lassen sich für eine komplett lokale Vorschau blockieren.
Erkennung der Zeichenkodierung
Geöffnete Dateien werden anhand von BOM oder meta charset dekodiert, sonst als UTF-8. Erscheinen Umlaute als Zeichensalat, lässt sich unter „Kodierung“ Windows-1252 oder ISO-8859-1 wählen.
Grenzen & Datenschutz
Akzeptiert werden .html-, .htm- und .xhtml-Dateien sowie eingefügter Code bis 10 MB. Bis 2 MB gibt es Syntaxhervorhebung; größere Dokumente erscheinen in einem einfachen Textfeld, die Vorschau wird trotzdem gerendert. Zu große Dateien werden abgelehnt, bevor sie gelesen werden.
Die Vorschau läuft in einem <iframe> mit sandbox="allow-scripts", aber ohne allow-same-origin, also in einem eigenen Ursprung: kein Zugriff auf diese Website, Cookies oder lokalen Speicher, keine Pop-ups, keine Formulare. Eine Content Security Policy blockiert im sicheren Modus zusätzlich Skripte und Netzwerkzugriffe außer auf Bilder, Styles und Schriften.
Relative Pfade wie images/logo.png bleiben leer, da nur die einzelne HTML-Datei geöffnet wird; Inline-Styles und <style>-Blöcke funktionieren. Das PDF entsteht über den Druckdialog des Browsers.
Nichts wird hochgeladen, protokolliert oder gespeichert. Mehr dazu auf der Datenschutzseite.
Häufige Fragen
Ist der HTML Viewer kostenlos?
Ja – ohne Registrierung und ohne Begrenzung der Dateianzahl.
Werden meine HTML-Dateien hochgeladen?
Nein. Dateien werden lokal im Browser-Tab gelesen und dargestellt. Nur Ressourcen, die die Seite selbst von fremden Servern einbindet (etwa CDN-Schriften), fordert der Browser an – auch sie lassen sich blockieren.
Wie öffne ich eine HTML-Datei auf dem iPhone oder iPad?
In Safari oder Chrome „Datei öffnen“ antippen und die .html-Datei aus der Dateien-App oder iCloud Drive wählen.
Gibt es einen HTML Viewer für Android?
Eine App ist nicht nötig: die Seite in Chrome öffnen, „Datei öffnen“ antippen und die Datei aus den Downloads wählen. Die Tabs „Code“ und „Vorschau“ wechseln die Ansicht.
Wird JavaScript in meiner HTML-Datei ausgeführt?
Im sicheren Modus nicht. Ist er ausgeschaltet, laufen Skripte – auch externe wie jQuery von einem CDN – in einem Sandbox-Rahmen mit eigenem Ursprung, ohne Zugriff auf diese Website, Cookies oder Speicher.
Worin liegt der Unterschied zum Öffnen der Datei in Chrome?
Hier gibt es zusätzlich Codebereich, Gerätebreiten, sicheren Modus und eine Warnung vor externen Ressourcen. Zudem klappt es auf Smartphones.