HTML-Viewer

Füge eine HTML-Datei ein — oder den Codeblock, den dir eine KI gerade gegeben hat — und sieh sofort die echte Seite. Änderungen links erscheinen rechts, während du tippst. Alles läuft in deinem Browser: Nichts wird hochgeladen, bis du daraus einen Link machst.

HTML hier einfügen oder eine .html-Datei irgendwo auf dieser Seite ablegen
HTML0 B
Vorschau
Deine Seite erscheint hier, während du tippst.

Aus dieser Seite einen Link machen

Ein Klick schickt genau dieses HTML an eine kostenlose hdply-Adresse. Kein Konto zum Ausprobieren; der Link hält eine Stunde, ein kostenloses Konto behält ihn dauerhaft.

Was dieser Viewer tut — und was nicht

Die Vorschau ist ein Sandbox-Frame. Dein HTML läuft mit eigenen Skripten und Styles, aber in einem isolierten Origin: Es kann weder diese Seite noch deine Cookies noch sonst etwas im Tab lesen. Deshalb ist es sicher, Code einzufügen, den du nicht Zeile für Zeile gelesen hast.

Sie rendert genau das, was ein Besucher aus einer einzelnen Datei bekäme. Alles, was dein HTML per relativem Pfad referenziert — styles.css, images/hero.jpg, script.js — existiert hier nicht, genauso wenig wie auf einem Host, bei dem du eine Datei hochlädst. Sieht die Vorschau ungestylt aus, ist das der Grund: CSS inline einbetten oder eine absolute URL verwenden.

Die Handy- und Tablet-Breiten sind echte Viewport-Breiten, keine verkleinerten Screenshots — Media Queries greifen also wie auf dem Gerät. Schalte auf Handy, bevor du den Link verschickst: Die meisten Empfänger öffnen ihn dort.

Häufige Fragen

Wird mein HTML beim Einfügen irgendwohin hochgeladen?

Nein. Das Rendern passiert in deinem Browser, in einem Sandbox-Frame. Nichts verlässt diesen Tab, bis du „Link holen“ drückst — und dann wird nur das HTML aus dem Editor gesendet.

Warum sieht die Seite anders aus als die Datei auf meinem Rechner?

Fast immer wegen relativer Pfade. Ein Link wie styles.css oder images/foto.png zeigt auf eine Datei neben deinem HTML auf der Festplatte, die der Viewer nicht sehen kann. Pack das CSS in ein <style>-Tag und nutze vollständige https://-URLs oder Data-URIs für Bilder, dann stimmt es überein.

Läuft JavaScript in der Vorschau?

Ja. Skripte laufen innerhalb der Sandbox, isoliert von dieser Seite — interaktive Seiten, Diagramme und kleine Apps funktionieren. Was Cookies oder Local Storage für den Frame selbst braucht, kann von der Sandbox eingeschränkt sein.

Gibt es eine Größenbeschränkung?

Der Viewer hat keine. Der Schritt „Link holen“ akzeptiert bis zu 1 MB pro Seite — reichlich für eine eigenständige Datei; große Bilder gehören auf eine externe URL.

Tools → · Guides →