Tutorial

Tutorial: Webseiten-Inhalte direkt in Safari auf dem iPhone bearbeiten

Melden

Hier ist ein detailliertes Tutorial, wie du Texte und Inhalte auf einer Webseite direkt in Safari auf deinem iPhone bearbeiten kannst.

Hast du dich schon einmal gefragt, wie Leute Fake-Screenshots von Webseiten machen oder einfach nur das Layout einer Seite testen, ohne einen Computer zu benutzen? Mit einem kleinen Trick kannst du den sogenannten „Design-Modus“ in Safari aktivieren und Texte direkt im Browser umschreiben.

Was du wissen solltest

  • Keine dauerhaften Änderungen: Die Änderungen finden nur lokal auf deinem Gerät statt. Sobald du die Seite neu lädst, ist alles wieder beim Alten.
  • Kein Hacking: Du veränderst nicht die echte Webseite auf dem Server, sondern nur die Darstellung in deinem Browser.

Methode: Der Lesezeichen-Trick (Bookmarklet)

Da Safari auf dem iPhone keine Konsole wie am Desktop hat, nutzen wir ein kleines Stück JavaScript-Code, das wir als Lesezeichen speichern.

Schritt 1: Den Code kopieren

Kopiere diesen kurzen Code-Schnipsel in deine Zwischenablage:

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

Schritt 2: Ein beliebiges Lesezeichen erstellen

  1. Öffne Safari.
  2. Besuche eine beliebige Webseite (z. B. google.de).
  3. Tippe unten auf das Teilen-Symbol (das Quadrat mit dem Pfeil nach oben).
  4. Scrolle nach unten und wähle „Lesezeichen hinzufügen“.
  5. Nenne es zum Beispiel „Seite bearbeiten“ und speichere es.

Schritt 3: Das Lesezeichen bearbeiten

Jetzt müssen wir dem Lesezeichen den Befehl (den Code) zuweisen:

  1. Tippe in Safari auf das Buch-Symbol (deine Lesezeichen).
  2. Tippe unten rechts auf „Bearbeiten“.
  3. Wähle das gerade erstellte Lesezeichen „Seite bearbeiten“ aus.
  4. Lösche die vorhandene URL (die mit http beginnt) und füge stattdessen den Code aus Schritt 1 ein.
  5. Tippe auf „Fertig“.

Schritt 4: Die Bearbeitung starten

Jetzt kommt der spannende Teil:

  1. Gehe auf die Webseite, deren Text du ändern möchtest.
  2. Tippe erneut auf das Buch-Symbol (Lesezeichen).
  3. Tippe auf dein Lesezeichen „Seite bearbeiten“.
  4. Es passiert scheinbar nichts – aber: Tippe nun auf einen beliebigen Text auf der Webseite.
  5. Deine Tastatur erscheint und du kannst den Text löschen, ändern oder ergänzen.

Schritt 5: Den Bearbeitungsmodus beenden

Wenn du fertig bist und zum Beispiel einen Screenshot gemacht hast, möchtest du den Modus vielleicht wieder deaktivieren, damit Links wieder normal funktionieren:

  • Option A: Lade die Seite einfach neu (auf das kreisförmige Pfeil-Symbol in der Adressleiste tippen).
  • Option B (Fortgeschrittene): Du kannst ein zweites Lesezeichen mit dem Befehl javascript:document.designMode='off'; void 0 erstellen, um den Modus auszuschalten, ohne die Seite neu zu laden.

Zusammenfassung der Möglichkeiten

  • Texte fälschen: Ändere Schlagzeilen oder Kontostände für lustige Screenshots.
  • Layout-Check: Schau, wie eine Seite aussieht, wenn ein bestimmter Text länger oder kürzer wäre.
  • Präsentationen: Entferne störende Elemente oder Texte, bevor du jemandem etwas auf deinem Handy zeigst.

Viel Spaß beim Ausprobieren!

0