Tutorial

Anleitung: So öffnest du HTML-Dateien auf dem iPhone

Melden

Hier ist ein ausführliches Tutorial, wie du HTML-Dateien auf deinem iPhone öffnen und anzeigen kannst – sowohl als gerenderte Webseite als auch als Quellcode.

Ob für Webentwickler, die ihren Code unterwegs prüfen wollen, oder zum Ansehen von gespeicherten Dokumenten: Es gibt mehrere Wege, HTML-Dateien unter iOS zu öffnen.

Methode 1: Die „Dateien“-App (Der einfachste Weg)

Seit Apple die Dateien-App eingeführt hat, ist dies die Standardmethode. iOS kann HTML-Dateien von Haus aus anzeigen.

  1. Datei speichern: Speicher die HTML-Datei in der Dateien-App (entweder unter „Auf meinem iPhone“ oder in der „iCloud Drive“).
  2. Dateien-App öffnen: Suche die App mit dem blauen Ordner-Symbol.
  3. Datei suchen: Navigiere zu dem Ordner, in dem die HTML-Datei liegt.
  4. Anklicken: Tippe die Datei einfach an. iOS öffnet nun eine Vorschau, die die HTML-Seite so darstellt, wie sie in einem Browser erscheinen würde.

Methode 2: HTML-Dateien in Safari öffnen

Manchmal möchte man die Datei direkt im Browser nutzen, um Funktionen wie das Neuladen oder das Teilen besser zu steuern.

  1. Öffne die Dateien-App.
  2. Suche deine HTML-Datei.
  3. Halte den Finger lange auf die Datei gedrückt, bis das Kontextmenü erscheint.
  4. Wähle Teilen aus.
  5. Suche in der Liste der Apps nach Safari. (Falls Safari nicht erscheint, wähle „In Safari öffnen“ oder kopiere die Datei in einen Browser-kompatiblen Shortcut).
    • Hinweis: Oft ist die Vorschau in der Dateien-App bereits die „Safari-Engine“.

Methode 3: HTML-Quellcode bearbeiten oder ansehen

Wenn du nicht die gerenderte Webseite sehen willst, sondern den Code (HTML/CSS/JS), benötigst du eine zusätzliche App aus dem App Store, da die Dateien-App keine reine Textansicht für Code bietet.

Empfohlene kostenlose Apps:

  • Koder Code Editor
  • Textastic (kostenpflichtig, aber Profi-Standard)
  • Buffer Editor

Vorgehensweise:

  1. Lade eine der Apps (z. B. Koder) herunter.
  2. Öffne die App und nutze den integrierten Dateibrowser, um auf deine HTML-Datei in der iCloud oder auf dem iPhone zuzugreifen.
  3. Tippe auf die Datei, um den Quellcode mit Syntax-Highlighting zu sehen und zu bearbeiten.

Methode 4: HTML-Dateien per AirDrop (Vom Mac auf das iPhone)

Wenn du eine HTML-Datei auf deinem Mac hast und sie schnell auf dem iPhone prüfen möchtest:

  1. Rechtsklick auf die Datei am Mac -> Teilen -> AirDrop.
  2. Wähle dein iPhone aus.
  3. Auf dem iPhone erscheint eine Meldung. Wähle Dateien, um sie zu speichern, oder öffne sie direkt mit einer installierten Browser-App.

Tipps für Probleme:

  • Bilder fehlen: Wenn deine HTML-Datei Bilder anzeigt, die auf deinem Computer lokal gespeichert waren, werden diese auf dem iPhone meist als „kaputte Links“ angezeigt. Damit die Bilder geladen werden, müssen sie entweder auf einem Webserver liegen oder in derselben Ordnerstruktur in der Dateien-App liegen wie auf dem Desktop.
  • CSS wird nicht geladen: Das gleiche gilt für externe CSS-Dateien. Achte darauf, dass die Verknüpfungen (Pfade) relativ sind und die Dateien im selben Ordner auf dem iPhone liegen.

Zusammenfassung

Für die schnelle Ansicht genügt die Dateien-App. Wenn du den Code verändern willst, ist eine App wie Koder die beste Wahl.

0