So zeigen Sie den Quellcode von Webseiten auf dem iPhone und iPad an

Auch wenn iOS-Apps nicht ganz das sind Entwicklungsmaschinen dennoch finden Sie in der Regel ein iPhone oder ein iPad im Toolkit eines Webdesigners/Entwicklers. Wenn Sie jedoch ein Entwickler/Publisher oder einfach nur jemand sind, der den Quellcode einer Seite anzeigen oder alle darauf bereitgestellten Assets anzeigen möchte, tun Sie dies normalerweise vom Computer aus.

Jetzt ist es mit iOS 8 viel einfacher geworden, Quell-, Asset- und DOM-Ressourcen einer Seite anzuzeigen. Und dank fantastischer Drittanbieter-Apps mit Erweiterungsunterstützung können Sie dies in Safari direkt tun (Chrome wird nicht unterstützt, da Erweiterungen darauf zugreifen können .) DOM nur in Safari).

Lassen Sie uns über die beiden Apps sprechen, die Ihnen helfen, Quellcode für jede Website anzuzeigen und zu speichern, wenn Sie unterwegs sind.

Quelltext-Erweiterung für Safari anzeigen

Quelltext anzeigen (0,99 $) ist eine einfache und leistungsstarke App mit einer Safari-Erweiterung. Es kostet 0,99 $, ist aber mit vielen Funktionen ausgestattet.

Sobald die App installiert ist, gehen Sie zu Safari, tippen Sie auf das Teilen streichen Sie in der unteren Reihe nach rechts und tippen Sie auf Mehr. Von hier aus umschalten Quelltext anzeigen. Dadurch wird die Erweiterung aktiviert.

Mehr zu iOS 8-Erweiterungen: iOS 8-Erweiterungen werden schnell zu einem leistungsfähiges Werkzeug. Schau es dir an wie sie arbeiten, das beste Share-Erweiterungen, und wie eine Erweiterung Ihnen helfen kann, Safari zu drehen in einen vollwertigen Downloader.

Rufen Sie nun die Seite auf, tippen Sie auf das Teilen Taste und wählen Sie Quelltext anzeigen. Sie sehen den Quellcode der Seite in seiner ganzen Pracht. Tippen Sie auf die Teilen Schaltfläche, um das native Freigabeblatt aufzurufen. Von hier aus können Sie den Code an eine Notizen-App senden oder per E-Mail senden.

Unten sehen Sie vier Schaltflächen – Assets, DOM, Skript und Info.

Assets listet alle Bilder auf der Seite auf. Sie können auf einen Link tippen, um eine Vorschau anzuzeigen und das Bild zu speichern.

Die DOM Die Schaltfläche zeigt Ihnen ein Baummodell mit einer hierarchischen Struktur der HTML-, XML- und SVG-Dokumente. Sie können auf jedes Element tippen, um es zu erweitern.

Die Skript Mit der Schaltfläche können Sie Javascript in jede Seite schreiben und einfügen (lokal). Die Die Info Panel zeigt Informationen über die Seite an.

Srcfari

Srcfari (0,99 USD) ist eine Alternative zu View Source. Während die App Ihnen den Quellcode und Assets wie Bilder, CSS-Stylesheets und Skripte anzeigt, die auf der Seite ausgeführt werden, müssen Sie dies über die App selbst tun. Es gibt keine Safari-Erweiterung für Srcfari.

Das heißt, die Verwendung von Srcfari ist überhaupt keine schlechte Erfahrung. Die App hat eine schöne Typografie und kann Assets viel besser nach Skripten, CSS und Bildern aufschlüsseln als die View Source-App. Ein Kritikpunkt, den ich bei Srcfari habe, ist, dass es den Textumbruch für CSS-Stylesheets aktiviert hat, aber nicht, wenn Sie die gesamte Quelle anzeigen (was die View Source-App tut). Dies bedeutet, dass zumindest auf dem iPhone einiges an Schwenken und Zoomen erforderlich ist.

Ansonsten ist Srcfari die übliche Angelegenheit. Sie können den Quellcode in Ihre Zwischenablage kopieren oder per E-Mail an jemanden senden. Sie können auch Bilder mit der App speichern.

Abschluss

Safari ist wahrscheinlich bereits Ihr bevorzugter Browser für iOS (hauptsächlich, weil Sie Chrome nicht als Standard auswählen können). Wenn Sie den Quellcode ziemlich oft anzeigen müssen, ist die View Source-App für 0,99 USD mit ihrer Safari-Erweiterung den Preis wert.

Verwenden Sie normalerweise Ihr iPhone oder iPad, um Fehler auf Websites zu beheben? Oder um zu sehen, was mit ihnen nicht stimmt? Lass es uns in den Kommentaren unten wissen.