Articles

So zeigen Sie den Quellcode einer Website auf dem iPad / iPhone an [Quicktip]

Posted on

Sie nutzen Ihr iPad, um im Web zu surfen und sind neugierig darauf, den Quellcode einer Webseite zu sehen, haben aber nicht die Möglichkeit, dies zu tun. Das nächste, was Sie wissen, ist, dass Sie zurück zu Ihrem Mac oder PC wechseln, um dieselbe Webseite zu öffnen und die Seitenquelle zu überprüfen.

Um es allen iPad- und iPhone-Benutzern da draußen leichter zu machen, hier ein Trick, mit dem Sie den Quellcode einer Webseite direkt von Ihrem mobilen Gerät aus anzeigen können. Beachten Sie, dass der verwendete Code Sie auf die Website des Erstellers weiterleitet, wo der Quelltext in hervorgehobener Syntax und anklickbarer URL zum leichteren Lesen dargestellt wird.

Lesezeichen „Quelltext anzeigen“ einrichten

  1. Um loszulegen, öffnen Sie Ihren mobilen Safari auf Ihrem Apple-Gerät und setzen Sie ein Lesezeichen für die Seite, die Sie gerade lesen, indem Sie auf die Lesezeichen-Schaltfläche klicken. Benennen Sie es statt des Seitennamens mit ‚View Source‘ und klicken Sie dann auf ‚Speichern‘.

    Lesezeichen hinzufügen

  2. Öffnen Sie dieses Bookmarklet-Javascript, markieren Sie alles und kopieren Sie das Skript.

    Skript kopieren

  3. Tippen Sie auf das Lesezeichen-Symbol oben links in Ihrem mobilen Safari-Browser, und tippen Sie auf ‚Bearbeiten‘

    Lesezeichen bearbeiten

  4. Tippen Sie auf das Lesezeichen ‚Quelle anzeigen‘, das Sie in Schritt 1 erstellt haben.

    Lesezeichen bearbeiten

  5. Nun fügen Sie das in Schritt 2 kopierte Bookmarklet-Javascript in die URL-Leiste ein und tippen auf ‚Fertig‘.

    Skript einfügen

Quelltext in Safari auf iPad und iPhone anzeigen

Nun, da Sie ein neues Lesezeichen mit dem Namen „Quelltext anzeigen“ erstellt haben, können Sie den Quelltext einer beliebigen Webseite anzeigen, indem Sie eine beliebige Seite in Ihrem Safari-Browser öffnen, auf das Lesezeichensymbol tippen und dann auf das Lesezeichen „Quelltext anzeigen“ tippen.

Quelle ansehen

Diese Lesezeichen-Verknüpfung sendet eine Anfrage an den Server des Erstellers zur Verarbeitung und öffnet dann einen neuen Browser-Tab, in dem Sie die Quelle in hervorgehobener Syntax ansehen können.

Quelle ansehen

Abschluss

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.