So zeigen Sie den Quellcode einer Webseite auf dem iPhone und iPad an

Auch wenn iOS-Apps noch nicht die Entwicklungsmaschine sind, finden Sie in der Regel ein iPhone oder iPad im Toolkit eines Webdesigners / Entwicklers. Wenn Sie Entwickler / Publisher sind oder nur den Quellcode einer Seite oder alle darauf bereitgestellten Ressourcen anzeigen möchten, geschieht dies normalerweise vom Computer aus.

Mit iOS 8 ist es jetzt viel einfacher, Quellen, Assets und DOM-Ressourcen einer Seite anzuzeigen. Und dank großartiger Apps von Drittanbietern mit Erweiterungsunterstützung können Sie dies direkt in Safari tun (Chrome wird nicht unterstützt, da Erweiterungen nur in Safari auf DOM zugreifen können).

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

Quelltext-Erweiterung für Safari anzeigen

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

Gehen Sie nach der Installation der App zu Safari, tippen Sie auf die Schaltfläche Freigeben, wischen Sie in der unteren Zeile nach rechts und tippen Sie auf Mehr. Von hier aus können Sie die Quelltextansicht umschalten. Dadurch wird die Erweiterung aktiviert.

Weitere Informationen zu iOS 8-Erweiterungen: iOS 8-Erweiterungen werden schnell zu einem leistungsstarken Tool. Sehen Sie sich an, wie sie funktionieren, welche Erweiterungen für die gemeinsame Nutzung am besten geeignet sind und wie Sie mit einer Erweiterung Safari in einen vollwertigen Downloader verwandeln können.

Wechseln Sie jetzt zu der Seite, tippen Sie auf die Schaltfläche Freigeben und wählen Sie Quelle anzeigen. Sie werden den Quellcode der Seite in seiner ganzen Pracht sehen. Tippen Sie auf die Schaltfläche Freigeben, um das native Freigabeblatt aufzurufen. Von hier aus können Sie den Code an eine Notes-App senden oder per E-Mail senden.

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

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

Die Schaltfläche DOM 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.

Mit der Schaltfläche " Skript" können Sie Javascript in jede Seite (lokal) schreiben und einfügen. Im Infofenster werden Informationen zur Seite angezeigt.

Srcfari

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

Das heißt, Srcfari ist überhaupt keine schlechte Erfahrung. Die App hat eine nette Typografie und kann Assets viel besser nach Skripten, CSS und Bildern aufschlüsseln als die View Source-App. Ein Problem, das ich mit Srcfari habe, ist, dass es den Textumbruch für CSS-Stylesheets aktiviert hat, aber nicht, wenn Sie die gesamte Quelle anzeigen (was die Quelltext-App tut). Dies bedeutet, dass zumindest auf dem iPhone eine Menge geschwenkt und gezoomt werden muss.

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

Fazit

Unter iOS ist Safari wahrscheinlich bereits der Browser Ihrer Wahl (hauptsächlich, weil Sie unter iOS 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 Probleme mit Websites zu beheben? Oder um zu sehen, was mit ihnen los ist? Lass es uns in den Kommentaren unten wissen.