Gibt es eine Möglichkeit, das Quell-HTML im Android-Webbrowser anzuzeigen?
156
Sie können die alert
Methode von Javascript verwenden, um den Quellcode zurückzugeben. Geben Sie dies in die Adressleiste ein:
javascript: alert(document.getElementsByTagName('html')[0].innerHTML);
In Firefox oder Chrome unter Android können Sie den Quellcode anzeigen, indem Sie der URL in der Adressleiste das Präfix "
view-source:
", dh "view-source:http://google.com
" voranstellen .quelle
javascript:document.location='view-source:'+document.location;
Suchen Sie nach einer App namens View Web Source auf dem Markt und installieren Sie sie.
Öffnen Sie dann beim Surfen Ihr Menü und tippen Sie auf "Freigeben". Wählen Sie in der angezeigten Liste die Option "Webquelle anzeigen".
quelle
Die in dieser Antwort erwähnte App wurde seit 2009 nicht mehr aktualisiert.
Möglicherweise möchten Sie VT View Source ausprobieren .
quelle
Ein weiteres Tool, das nützlich ist, um den Quellcode anzuzeigen UND ihn live zu ändern, ähnlich wie bei Firebug / Web Inspector, ist der weinre Remote-Debugger.
quelle
Erstellen Sie ein neues Lesezeichen (Bookmarklet) in Mobile Chrome mit:
Name: Quelltext anzeigen (vs)
URL:
javascript:document.location='view-source:'+document.location; void(0);
Tippen Sie nun auf einer Seite auf das Adressfeld und geben Sie Folgendes ein: vs. Das Lesezeichen sollte erscheinen, klicken Sie darauf und Sie sind bereit.
quelle
In Chrom gibt es eine Remote-Debugging-Funktion. Wenn Sie Chrone auf Ihrem Telefon installieren. Wenn Sie Ihr Telefon über USB mit dem PC verbinden, können Sie die mit JavaScript geänderte Quelle auf Ihrem PC in einem Chrome-Browser anzeigen.
Siehe das Ende von http://eclipsesource.com/blogs/2012/08/14/debugging-javascript-on-android-and-ios/
quelle
Wenn dies zum Debuggen gedacht ist (aus Ihrem Kommentar geht hervor, dass es so aussieht), ist es sogar noch besser, eine User Agent Switcher-Erweiterung für Firefox oder Chrome auf Ihrem Desktop zu installieren. Wenn Sie den Benutzeragenten auf Android ändern, erhalten Sie die mobile Version der Website, jedoch mit allen gewohnten Quell- und Debugging-Tools.
quelle
Sie können den Quellcode in Ihrer Shell oder in einer Textdatei erfassen, wenn Sie einen Emulator verwenden, der für die Entwicklung sehr praktisch ist. Dazu 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 folgenden Befehl aus:
Dies gibt alles von der Browser-App auf Ihrem Emulator aus und unterdrückt alle anderen Protokollmeldungen. Von dort aus werden alle JavaScript-Befehle für console.log von adb erfasst und ausgegeben, damit Sie sie anzeigen können. Wenn Sie JQuery verwenden, können Sie dies zu Ihrer Seite hinzufügen und die gesamte HTML-Seite in das Protokoll ausgeben:
Dadurch wird alles in Ihrem HTML-Tag auf der Seite im Protokoll ausgegeben.
Sie können die Ausgabe Ihres Protokolls erfassen (zumindest mit BASH kann ich nicht mit anderen Shells sprechen) mit:
Jetzt wird jede Ausgabe aus dem Protokoll in die Datei log.txt geschrieben. Dies ist sehr praktisch für den HTML-Wert einer ganzen Seite, da Sie diese dann wie jedes andere Textdokument durchsuchen können.
Wenn Sie einen bestimmten Teil der Seite anstatt des gesamten Objekts abrufen möchten, können Sie diesen Teil der Seite anstelle des HTML-Tags in Ihrer JQuery angeben Im Zusammenhang damit (für dieses Beispiel hat es eine Klasse mit dem Namen 'inspect-me') können Sie Ihre JQuery folgendermaßen ändern:
quelle
Wenn Sie einen Opera-Browser verwenden, geben Sie dies in Ihre Adressleiste ein, und vergewissern Sie sich, dass Sie http und andere Daten löschen. Geben Sie dann Folgendes ein:
in der Adresse der Seite, die Sie geöffnet haben.
quelle
Wenn Sie den Quellcode der Android-Browserseite anzeigen oder die Seite überprüfen möchten, können Sie diesen https://developer.chrome.com/devtools/docs/remote-debugging verwenden. Sein sehr guter Inspektor
quelle