HTML-Viewer
HTML-Datei online ansehen und teilen
Nach der Vorschau teilen Sie Ihren HTML-Code in drei Schritten als Link
1. HTML-Datei hochladen
Ziehen Sie die HTML-Datei, die Sie ansehen und teilen möchten, in das Upload-Feld oder wählen Sie sie aus.
2. Link-Namen eingeben (optional)
Mit einem Link-Namen legen Sie die Subdomain Ihrer URL fest.
3. Live schalten
Unter dem neuen Link sieht jeder Ihr HTML in Aktion.
Für Entwickler und Redakteure
📋 Kopieren und einfügen
Markup aus einem CMS oder einer E-Mail-Vorlage erscheint gerendert, sobald Sie es in den Editor setzen.
🛠️ Probleme früh erkennen
Zerschossene Layouts und offene Tags zeigen sich in der Vorschau, bevor jemand anderes sie sieht.
⚙️️ Kompatibel mit JavaScript und CSS
Inline-Styles und -Skripte laufen in der Vorschau, interaktive Elemente verhalten sich wie auf einer Live-Seite.
🆓 Kostenlos
Der Viewer hat kein Nutzungslimit und verlangt keine Anmeldung.
🕵️ Privat
Was Sie in den Editor einfügen, speichern wir nicht auf unseren Servern.
🔗 Als Link teilen
Ist die Seite fertig, veröffentlichen Sie sie bei Tiiny Host und erhalten einen Link zum Verschicken.
🔍 Datei per Drag & Drop
Eine .html-Datei, die Sie bei Tiiny Host ablegen, öffnet im Browser ohne jede Einrichtung.
🌐 Eigene Domain
Im Tarif Solo veröffentlichen Sie die Seite unter Ihrer eigenen Domain, passend für Kundenprojekte.
📊 Statistik
Ab Tiny erscheinen die Besucherzahlen der veröffentlichten Seite in Ihrem Dashboard.
📱 Einbettbar
Veröffentlichte Seiten bringen Einbettungscode für Tutorials und Dokumentationen mit.
🔒 Passwortschutz
Ein Passwort im Tarif Solo beschränkt eine veröffentlichte Seite auf die Personen, denen Sie es geben.
Dieser Viewer im Vergleich
Die Unterschiede zu CodePen oder den DevTools im Browser zeigen sich vor allem nach der Vorschau, wenn eine fertige Seite geteilt oder eingebettet werden soll.
Der Viewer ist kostenlos, eine veröffentlichte Seite auch
Den Viewer nutzen Sie ohne Limit. Wenn Sie das Ergebnis veröffentlichen, hält der kostenlose Tarif eine Seite online, vorausgesetzt, Sie melden sich mindestens alle drei Monate an.
- ✓ Unbegrenztes Ansehen auf dieser Seite
- ✓ 1 veröffentlichte Seite oder Website
- ✓ Uploads bis 3 MB
- ✓ 5.000 Besuche und 5 GB Datenvolumen pro Monat
- ✓ Kostenlose Adresse ihrname.tiiny.site
- – Veröffentlichte Seiten zeigen ein kleines Banner
- Tiny 5 € · ohne Banner, Uploads bis 25 MB, QR-Codes, Statistik
- Solo 13 € · 5 Websites, eigene Domain, Passwortschutz, Code- und visueller Editor, API
- Pro 31 € · 15 Websites, E-Mail-Abfrage, Teammitglieder, Priority-Support
- Pro Max 74 € · unbegrenzte Websites, 2 TB für große Mediendateien
Limits zum Veröffentlichen je Tarif
Upload-Limit je TarifSnippets und einzelne Seiten wiegen sehr wenig. Die Limits kommen erst ins Spiel, wenn eine gezippte Website eigene Bilder und Videos mitbringt.
HTML per Code oder KI-Agent in einen Live-Link verwandeln
Chat-Assistenten und Coding-Agents liefern ständig HTML. Der Upload-Endpunkt nimmt die Datei an und antwortet mit einer öffentlichen URL. Mit einem PUT-Request für dieselbe Domain lässt sich die Seite später aktualisieren.
curl -X POST https://ext.tiiny.host/v1/upload \
-H "x-api-key: $TIINY_API_KEY" \
-F "files=@vorschau.html" \
-F "domain=html-vorschau.tiiny.site"
# → https://html-vorschau.tiiny.site
# Ein PUT auf dieselbe Domain ersetzt die DateiEinsatzbereiche des HTML-Viewers
Sofortige Vorschau
Sehen, wie eine Seite aussieht, sobald Sie den Code einfügen.
Schnelles Prototyping
HTML-Prototypen rasch mit Teamkollegen oder Kunden teilen.
Inhalte einbetten
Ein YouTube-Video oder einen iFrame einbauen und prüfen, wie es wirkt.
Fehlersuche
HTML testen und korrigieren, ohne eine lokale Umgebung einzurichten.
HTML-E-Mails prüfen
Newsletter oder E-Mail-Vorlagen vor dem Versand ansehen, denn E-Mail-Programme stellen HTML anders dar als Browser.
Website-Vorschau
Eine Seite vor dem Livegang prüfen und den Link zur Freigabe an den Kunden schicken.
Codebeispiele
Im Unterricht zur Webentwicklung ein funktionierendes Beispiel zeigen.
Portfolio-Projekte
Potenzielle Arbeitgeber klicken sich direkt durch Ihre HTML- und CSS-Arbeiten.
How to Add JavaScript to HTML
Adding interactivity to a page with a linked script file or a few lines of inline JavaScript.
How to Edit an HTML File: Basics for Beginners
Choosing an editor and checking your changes in the browser.
HTML Tester: Make Sure Your HTML Code Works Everywhere
Checks worth running on a page before it goes live.
