Fügen Sie HTML ein oder öffnen Sie eine .html-Datei, um die gerenderte Ausgabe sofort zu sehen.
Ihre gerenderte Seite wird hier angezeigt.
Externe Ressourcen und Skripte sind deaktiviert.
Fügen Sie ein komplettes Dokument oder ein kleines Snippet ein, um das gerenderte Ergebnis zu überprüfen. Der HTML-Code-Viewer ist nützlich für die Überprüfung von gespeicherten Beispielen, E-Mail-Markup, generierten Vorlagen und schnellen UI-Ideen. Er dient der Visualisierung von HTML, nicht der Validierung — er rendert das Markup, ohne zu prüfen, ob es einem Standard entspricht.
Öffnen Sie eine .html- oder .htm-Datei mit bis zu 2 MB — ein HTML-Datei-Viewer und Online-HTML-Reader für Seiten, die Sie gespeichert oder erhalten haben. Die Datei wird lokal gelesen und gerendert und nicht auf Phoenix Code hochgeladen. Relative Dateien werden dabei nicht importiert, während absolute Bilder, Stile, Schriftarten, Frames und Medien nur geladen werden, wenn Sie externe Ressourcen aktivieren.
HTML und Inline-CSS funktionieren standardmäßig. Externe Bilder, Stile, Schriftarten, Frames oder Medien erfordern eine separate Aktivierung. JavaScript wird nur mit externem Zugriff verfügbar, da Skripte andere Websites kontaktieren oder zu ihnen navigieren können und den Tab möglicherweise nicht mehr reagieren lassen. Der HTML-Renderer verwendet einen eingeschränkten iframe ohne Same-Origin-Zugriff; Formulare, Pop-ups, Vorschau-Downloads und Top-Level-Navigation bleiben blockiert.
Wechseln Sie den Viewport zwischen den Voreinstellungen Responsiv, Desktop, Tablet und Mobil oder geben Sie eine benutzerdefinierte Breite in Pixeln ein, um zu sehen, wie sich ein Layout anpasst. Das Tool läuft auch auf Smartphones und dient somit auch als mobiler HTML-Viewer, wenn Sie eine Seite unterwegs überprüfen müssen.
Fügen Sie HTML in das Quellcode-Feld ein. Die Live-Vorschau ist standardmäßig aktiviert, sodass das gerenderte Ergebnis aktualisiert wird, nachdem Sie die Eingabe pausieren. Deaktivieren Sie die Live-Vorschau, wenn Sie die Schaltfläche 'Vorschau aktualisieren' lieber manuell verwenden möchten.
Ja. Wählen Sie „.html-Datei öffnen“ und wählen Sie eine .html- oder .htm-Datei mit bis zu 2 MB aus. Der HTML-Code-Reader funktioniert vollständig in Ihrem Browser; die Datei selbst wird nicht auf Phoenix Code hochgeladen.
Inline-CSS ist aktiviert. Externe Seitenressourcen sind blockiert, bis Sie 'Externe Ressourcen zulassen' auswählen. Um JavaScript auszuführen, aktivieren Sie zuerst externe Ressourcen; Vorschau-Skripte können andere Websites kontaktieren oder zu ihnen navigieren und dazu führen, dass der Tab nicht mehr reagiert. Führen Sie nur Code aus, dem Sie vertrauen.
Ein Viewer dient zum schnellen Rendern eines Dokuments oder Snippets. Ein Editor unterstützt längere Autorenarbeiten wie die Verwaltung von Projektdateien, Code-Hinweise und eine synchronisierte Vorschau. Phoenix Code bietet die Bearbeitung von HTML und CSS mit Live-Vorschau, während Phoenix Pro direkte visuelle Bearbeitung und umfangreichere Geräte-Vorschau-Werkzeuge hinzufügt.
Ja. Es ist ein kostenloser HTML-Viewer ohne Anmeldung oder Installation, und die einzigen Beschränkungen sind eine Dateigröße von 2 MB und eine Obergrenze von 2 Millionen Zeichen. Da das Rendern lokal erfolgt, wird nichts hochgeladen und die Anwendung bleibt auch bei langsamen Verbindungen schnell.
Der Highlight-Modus verbindet ein Element in der Live-Vorschau mit seinem HTML-Quellcode.
Wechseln Sie von einer schnellen Vorschau zum Schreiben und Testen von HTML-Code in einem vollständigen Webprojekt, ohne die Verbindung zwischen Quellcode und gerenderter Seite zu verlieren.