Fügen Sie HTML ein oder öffnen Sie eine .html-Datei, um die gerenderte Ausgabe sofort zu sehen.
Externe Ressourcen und Skripte sind deaktiviert.
Ihre gerenderte Seite wird hier angezeigt.
Fügen Sie ein vollständiges Dokument oder ein kleines Snippet ein, um das gerenderte Ergebnis zu überprüfen. Es eignet sich zur Überprüfung von gespeicherten Beispielen, E-Mail-Markup, generierten Vorlagen und schnellen UI-Ideen. Der Viewer rendert HTML; er validiert nicht, ob das Markup einem Standard entspricht.
Öffnen Sie eine .html- oder .htm-Datei mit bis zu 2 MB. Die Datei wird lokal gelesen und gerendert und nicht zu 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. Für externe Bilder, Stile, Schriftarten, Frames oder Medien ist eine Freigabe erforderlich. JavaScript wird erst mit externem Zugriff verfügbar, da Skripte andere Websites kontaktieren oder zu ihnen navigieren und dazu führen können, dass der Tab nicht mehr reagiert. Die Vorschau verwendet einen eingeschränkten iframe ohne Same-Origin-Zugriff; Formulare, Pop-ups, Vorschau-Downloads und Top-Level-Navigation bleiben blockiert.
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. Das Lesen und Rendern erfolgt in Ihrem Browser; die Datei selbst wird nicht zu 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.
Der Highlight-Modus verbindet ein Element in der Live-Vorschau mit seinem HTML-Quellcode.
Wechseln Sie von einer schnellen Vorschau zu einem kompletten Webprojekt, ohne die Verbindung zwischen Quellcode und gerenderter Seite zu verlieren.