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

Auch wenn iOS-Apps noch nicht ganz die Entwicklungsmaschinen sind, finden Sie im Allgemeinen 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 oder alle darauf bereitgestellten Assets anzeigen möchte, tun Sie dies normalerweise vom Computer aus.

DC 0433

Jetzt hat iOS 8 es viel einfacher gemacht, Quelle, Assets und DOM-Ressourcen einer Seite anzuzeigen. Und dank toller Apps von Drittanbietern mit Erweiterungsunterstützung können Sie es direkt in Safari tun (Chrome wird nicht unterstützt, da Erweiterungen darauf zugreifen können BEURTEILUNG nur in Safari).

Lassen Sie uns über die beiden Apps sprechen, mit denen Sie den Quellcode für jede Website anzeigen und speichern können, wenn Sie unterwegs sind.

Quellerweiterung für Safari anzeigen

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

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

Mehr zu iOS 8-Erweiterungen: iOS 8-Erweiterungen entwickeln sich schnell zu einem leistungsstarken Tool. Sehen Sie sich an, wie sie funktionieren, welche Erweiterungen am besten freigegeben werden und wie eine Erweiterung Ihnen dabei helfen kann, Safari in einen vollwertigen Downloader zu verwandeln.

Gehen Sie jetzt auf die Seite, tippen Sie auf die Teilen drücken und wählen Quelltext anzeigen. Sie sehen den Quellcode der Seite in seiner ganzen Pracht. Tippen Sie auf die Teilen Schaltfläche, um das native Share-Sheet aufzurufen. Von hier aus können Sie den Code an eine Notizen-App senden oder per E-Mail versenden.

Bild 2418Bild 2419

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

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

Die BEURTEILUNG 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.

Bild 2421Bild 2422

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

Srcfari

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

Bild 2426Bild 2428

Allerdings ist die Verwendung von Srcfari ü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). Das bedeutet, dass zumindest auf dem iPhone ziemlich viel geschwenkt und gezoomt werden muss.

Bild 2429Bild 2430

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 Bilder auch mit der App speichern.

Fazit

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

Verwenden Sie normalerweise Ihr iPhone oder iPad, um Probleme mit Websites zu beheben? Oder um zu sehen, was mit ihnen los ist? Lassen Sie es uns in den Kommentaren unten wissen.

Similar Posts

Leave a Reply

Your email address will not be published.