So funktioniert’s
- Fügen Sie Ihren HTML-Code in das Eingabefeld ein.
- Lassen Sie „Live-Vorschau“ aktiviert, um Änderungen automatisch anzuzeigen. Ist die Option aus, aktualisieren Sie die Vorschau mit Strg+Enter oder Cmd+Enter.
- Wählen Sie bei „Viewport“ etwa „Mobil 375“, um die Darstellung bei 375 Pixel Breite zu prüfen. Diese Auswahl ist nur auf Bildschirmen über 768 Pixel Breite sichtbar.
- Wählen Sie bei „Layout“ die Ansicht „Nebeneinander“, um Code und Vorschau gleichzeitig zu sehen. Auch diese Auswahl ist nur auf größeren Bildschirmen verfügbar.
Beispiele
Angebotskarte in Handy-Breite
<article style="max-width:420px;padding:20px;background:#eef4ff;border-radius:12px;font-family:Arial,sans-serif"> <h2>Fahrrad-Check in Leipzig</h2> <p>Bremsen, Licht und Reifen prüfen lassen.</p> <strong>Ab 29 €</strong> </article>
Größe: 240 B · Elemente: 4 · Externe Ressourcen: 0
JavaScript-Ausgabe prüfen
<h2>Bestellung eingegangen</h2>
<p>Vielen Dank, Frau Müller.</p>
<script>
console.log('Bestellung', {artikel: 'Notizbuch', menge: 2, gesamt: '9,80 €'});
</script>Größe: 165 B · Elemente: 3 · Externe Ressourcen: 0
Konsole (1):
Bestellung {"artikel":"Notizbuch","menge":2,"gesamt":"9,80 €"}alert() in der Vorschau prüfen
<p>Termin für die Abholung: Freitag, 15 Uhr.</p>
<script>alert('Bitte bringen Sie Ihre Bestellnummer mit.');</script>Größe: 118 B · Elemente: 2 · Externe Ressourcen: 0 Konsole (1): alert: Bitte bringen Sie Ihre Bestellnummer mit.
Häufige Fragen
Kann ich eine Website durch Eingabe ihrer URL anzeigen lassen?
Eine eingegebene URL wird nur als Text angezeigt; die Website wird nicht abgerufen. Verwenden Sie dafür das Tool „Quelltext anzeigen“.
Warum werden Bilder oder CSS-Dateien nicht angezeigt?
Relative Pfade wie img/logo.png oder style.css lassen sich nicht laden, solange das HTML kein base-Element mit href-Attribut enthält. Verwenden Sie absolute URLs oder legen Sie eine passende Basis-URL per base-Element fest. Ist „Externe Ressourcen blockieren“ aktiviert, werden auch Bilder, Stylesheets, Schriftarten und Skripte von anderen Servern nicht geladen.
Wird mein HTML-Code hochgeladen oder gespeichert?
Der HTML-Code wird im Browser verarbeitet, nicht an den Server des Tools gesendet und nicht dauerhaft gespeichert. Gespeichert werden nur Optionen und die Position des Trenners. Eingebundene externe Ressourcen können jedoch Anfragen an deren Server auslösen; diese sehen Ihre IP-Adresse, erhalten aber keinen Referer.
Welche HTML-Dateien kann ich öffnen und wie groß dürfen sie sein?
Unterstützt werden .html, .htm, .xhtml, .svg und .txt bis 5 MB. Bei mehr als 1.048.576 Zeichen pausiert die Live-Vorschau; mit Strg+Enter oder Cmd+Enter aktualisieren Sie sie weiterhin manuell.