HTML-Dateien auf dem iPhone öffnen: der komplette Leitfaden

Methode 1 – Kurzer Blick in der „Dateien“-App

Tippe in „Dateien“ auf eine .html-Datei, und iOS zeigt eine Vorschau. Bei einer vollständig eigenständigen Seite – alles CSS inline, keine Skripte – reicht das, um den Inhalt zu lesen.

• Externe Stylesheets werden ignoriert, die meisten echten Seiten verlieren also ihr Layout.
• JavaScript läuft nie – interaktive Seiten wirken eingefroren oder leer.
• Verlinkte Dateien (Bilder, andere Seiten) werden nicht aufgelöst.

Fazit: gut für einen Blick auf einfachen Textinhalt, irreführend bei allem Gestalteten. Sieht deine Datei hier wie unformatierter Text aus, ist die Datei in Ordnung – die Vorschau ist das Problem. Details unter warum HTML in der iOS-Vorschau kaputt aussieht.

Methode 2 – Safari

Safari stellt HTML perfekt dar – von einer URL. Bei lokalen Dateien wird es umständlich: iOS bietet keinen vorgesehenen Weg, Safari auf eine Datei samt Ressourcenordner zu richten. Umwege (data-URLs, Kurzbefehle, kurzzeitiges Hosting) gibt es, aber sie scheitern an Mehrdatei-Seiten und machen aus zwei Tipps ein Projekt. Ist die Seite schon online, nimm Safari; ist sie eine Datei, nimm einen Viewer.

Methode 3 – Ein dafür gebauter HTML-Viewer

OpenHTML (kostenlos) öffnet HTML so, wie ein Browser es täte, nur eben aus Dateien: Teile eine beliebige .html dorthin, füge HTML-Code direkt ein oder öffne eine Datei einmalig aus iCloud Drive, ohne sie zu importieren.

• Stile werden angewendet und lokales JavaScript läuft – der Netzwerkzugriff bleibt aus, bis du ihn pro Seite erlaubst.
• Mehrdatei-Seiten und ZIP-Archive werden als komplette Projekte mit funktionierenden relativen Pfaden importiert – siehe ZIP-Web-Projekte.
• Stellt eine Seite sich nicht richtig dar, nennt die Diagnose jede fehlende Datei, jede blockierte Ressource und jeden Skriptfehler.
• Markdown-Dateien öffnen sich ebenfalls als saubere Seiten, mit LaTeX-Formeln offline – siehe Markdown + LaTeX.

Welche Methode für welche Datei

• Eine einfache, eigenständige Seite, die du nur einmal lesen musst → Dateivorschau.
• Eine Seite, die ohnehin schon im Web steht → Safari.
• Eine KI-generierte Seite von ChatGPT oder Claude → Viewer, damit Skripte und Stile funktionieren.
• Eine gesicherte Webseite, ein per Mail geschickter Bericht, eine gezippte Website, alles mit mehr als einer Datei → Viewer.

Häufige Probleme, schnelle Lösungen

• Seite ist Text ohne Gestaltung → das externe CSS wurde nicht geladen; öffne sie in einem Viewer, der Stile anwendet.
• Seite ist leer → JavaScript ist nötig, durfte aber nicht laufen; nimm einen Viewer mit aktiviertem lokalem JS.
• Bilder fehlen → sie liegen neben der HTML-Datei; importiere den Ordner oder das ZIP, nicht die einzelne Datei.
• Chinesischer/japanischer Text erscheint als Zeichensalat → die Datei ist nicht UTF-8; OpenHTML erkennt alte Codierungen (GB18030, Shift-JIS …) automatisch.
• Die Seite braucht Live-Daten → sie nutzt fetch(); führe sie auf dem privaten lokalen Server (Pro) aus, damit sie sich wie eine gehostete Website verhält.

Eine Anmerkung zum Datenschutz

HTML-Dateien, die du bekommst, sind oft Berichte mit deinen Daten darin. OpenHTML bewahrt Dateien im privaten Speicher auf dem Gerät auf, hat keine Konten und keine Analyse und blockiert jeden Netzwerkzugriff pro Seite, bis du zustimmst – eine gespeicherte Seite kann ohne dein Einverständnis nicht nach Hause telefonieren.