Anzeigen von HTML-Quellcodes für Webseiten auf iPad / iPhone. Keine App erforderlich.

Sind Sie web-neugierig und möchten einen Blick auf den Quellcode einer Website im Internet werfen? Wenn ja, bist du nicht allein. Eine der häufigsten Leserfragen, die wir sehen, ist das Anzeigen von HTML-Quellcodes von JEDER Webseite auf einem iPhone (oder einem anderen iDevice-iPad oder iPod Touch). Glücklicherweise haben wir dank Entwickler Rob Flaherty eine Lösung! Dieser Artikel beschreibt die Schritte, die zum Anzeigen des Quellcodes (HTML, CSS, JavaScript usw.) für jede Webseite auf Ihren iDevices erforderlich sind, einschließlich iPad, iPhone oder iPod touch. Und das Beste ist, keine App erforderlich!

Anzeigen von HTML-Quellcodes auf iDevices

8 einfache Schritte zum Anzeigen von HTML-Quellcodes

  1. Tippen Sie auf Safari (iPhone, iPod oder iPad), falls es noch nicht geöffnet ist, und besuchen Sie diese Seite. Diese Methode funktioniert auch für Chrome
  2. Wählen Sie die Schaltfläche " Teilen" (auch als Aktionstaste bezeichnet):

  3. Tippen Sie auf Lesezeichen :

  4. Wählen Sie das Namensfeld und klicken Sie auf das X-Symbol, um es zu löschen und als "Seitenquelle anzeigen" zu bezeichnen. Tippen Sie anschließend auf "Speichern".

  5. Besuchen Sie nun diese Seite und wählen Sie alle aus und kopieren Sie den Javascript-Code: ( Code-Gutschrift: Rob Flaherty )

  6. Vergewissern Sie sich, dass der Code, den Sie von Robs Website kopieren, genauso aussieht (kopieren Sie ihn jedoch von dieser Seite, NICHT von unten):
    1. Javascript: (function () {var a = window.open ('about: blank'). document; a.write ('Quelle von' + location.href + ''); a.close (); var b = a. body.appendChild (a.createElement ('pre')); b.style.overflow = 'auto'; b.style.whiteSpace = 'pre-wrap'; b.appendChild (a.createTextNode (document.documentElement.innerHTML) )}) ();
  7. Tippen Sie auf das Lesezeichensymbol und anschließend auf Bearbeiten :

  8. Wählen Sie das Lesezeichen "Seitenquelle anzeigen" aus, das Sie gerade in Schritt 4 erstellt haben:

  9. Tippen Sie auf das Adressfeld und klicken Sie auf das X-Symbol, um es zu löschen. Fügen Sie dann den in Schritt 5 kopierten Javascript-Code ein. Tippen Sie anschließend auf Fertig

Das ist es! Jetzt können Sie mit Mobile Safari (und Chrome) auf Ihrem iDevice (iPhone, iPod oder iPad) zu jeder Webseite gehen, auf das Lesezeichensymbol tippen und dann auf das Lesezeichen Seitenquelle anzeigen tippen. Ein neues Fenster mit dem Quellcode des wird geöffnet Website. Genial und einfach!

Endergebnisse zum Anzeigen von HTML-Quellcodes

Und dafür gibt es natürlich eine App!

Wenn Ihnen die Idee, eine Reihe von manuellen Schritten durchzuführen, nicht gefällt, bietet der App Store einige Apps an, die die Arbeit für Sie erledigen! Suchen Sie nach Apps von Drittanbietern wie Quelltext anzeigen, Quelle für Webseite, Quellbrowser und ähnlichen Apps, mit denen Sie HTML-Quellcode anzeigen können. Mit diesen Apps erhalten Sie Zugriff auf den gesamten HTML-Quellcode Ihrer Lieblingswebsite, CSS und bei einigen Apps auf Javascript. Einige dieser Apps bieten sogar eine Safari-Erweiterung für iOS-Geräte und enthalten integrierte Syntaxhervorhebungs- und Suchfunktionen!

Mit diesen Apps ist das Anzeigen von Quellcode ein reibungsloser Prozess in einem Schritt. Geben Sie einfach eine URL ein und sehen Sie sofort den Quellcode dahinter. Oder verwenden Sie die Safari-Erweiterung der App und surfen Sie wie gewohnt im Internet. Wenn Sie dann die Quelle für Ihre aktuelle Seite anzeigen möchten, müssen Sie nur auf das Aktionssymbol tippen und Quelle anzeigen auswählen. Es ist einfach, den Text zur Verwendung in anderen Apps auf Ihr Pasteboard zu kopieren oder ihn sogar als E-Mail zu senden.