Wie kann ich den Quellcode im Android-Browser anzeigen?

Gibt es eine Möglichkeit, den HTML-Quelltext im Android-Webbrowser anzuzeigen?

Lösung

Sie können Javascript's alert Methode verwenden, um den Quellcode zurückzugeben, geben Sie dies in die Adressleiste ein:

javascript: alert(document.getElementsByTagName('html')[0].innerHTML);`

Kommentare (4)

Suchen Sie auf dem Markt nach einer Anwendung namens [View Web Source] (https://market.android.com/details?id=com.jamesob.vwsource) und installieren Sie sie.

Öffnen Sie dann beim Surfen Ihr Menü und tippen Sie auf "Teilen", und wählen Sie in der Liste, die sich öffnet, Webquelle anzeigen.

Kommentare (2)

können Sie den Quellcode in Ihrer Shell oder in einer Textdatei speichern, wenn Sie einen Emulator verwenden, was für die Entwicklung sehr praktisch ist. Um dies zu tun, müssen Sie die Android Developer Tools installieren, die mit adb geliefert werden. Starten Sie Ihren Emulator und führen Sie dann in der Shell Ihres Betriebssystems den Befehl aus:

adb logcat browser:V *:S

Damit werden alle Ausgaben der Browser-App auf dem Emulator ausgegeben und alle anderen Protokollmeldungen unterdrückt. Von dort aus werden alle javascript console.log-Befehle von adb erfasst und für Sie zur Ansicht ausgegeben. Wenn Sie also JQuery verwenden, können Sie dies zu Ihrer Seite hinzufügen und es wird die gesamte Seiten-HTML in das Protokoll ausgegeben:

$(document).ready(function(){console.log($('html').html())});

Damit wird alles, was in Ihrem html-Tag auf der Seite steht, im Protokoll ausgegeben.

Sie können die Ausgabe Ihres Logs (mit BASH, zumindest, ich kann nicht für andere Shells sprechen) mit erfassen:

adb logcat browser:V *:S > log.txt

Nun wird jede Ausgabe des Logs in die Datei log.txt geschrieben. Das ist wirklich praktisch für eine ganze Seite voller HTML, da man sie dann wie jedes andere Textdokument durchsuchen kann.

Wenn Sie einen bestimmten Teil der Seite statt der gesamten Seite abrufen möchten, können Sie diesen Teil der Seite statt des HTML-Tags in Ihrer JQuery angeben. Wenn Sie also ein einzelnes div ansehen möchten, das eine Klasse/ID hat (in diesem Beispiel eine Klasse namens 'inspect-me'), können Sie Ihre JQuery ändern:

$(document).ready(function(){console.log($('div.inspect-me').html())});
Kommentare (1)