Wie zeige ich den Quellcode im Android-Browser an?

156

Gibt es eine Möglichkeit, das Quell-HTML im Android-Webbrowser anzuzeigen?

Vijay
quelle

Antworten:

69

Sie können die alertMethode von Javascript verwenden, um den Quellcode zurückzugeben. Geben Sie dies in die Adressleiste ein:

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

Lüge Ryan
quelle
3
Anfangs hatte ich Zweifel, dass das Javascript: URI-Schema auf dem Android-Browser funktionieren würde, aber es schien auf meinem 2.1-Browser zu funktionieren. Sie erhalten jedoch keine Syntaxhervorhebung und können den Text nicht kopieren, sodass er für lange HTML-Seiten nicht sehr nützlich ist.
Lie Ryan
1
Funktioniert bei mir nicht! Der Emulator fügt immer das http: // Präfix hinzu und ich erhalte eine Site, die nicht von Google gefunden wurde.
1
Chrome für Android zeigt nur ungefähr 50 Zeilen an.
Funktioniert nicht mit Firefox für Android.
Aaron Franke
256

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 .

Ludder
quelle
4
Großartige Lösung. Es generiert sogar Syntaxfarben (zumindest in Chrome) und ermöglicht das Kopieren von Quellcode in die Zwischenablage.
Jpsy
2
Für Firefox für Android gibt es ein Add-On, mit dem Sie den Quellcode jedes Mal ohne vorangestellte URLs anzeigen können. Klicken Sie einfach im App-Menü auf den Eintrag "Quellcode anzeigen" und Sie sehen den Quellcode für die aktuell geöffnete Webseite. Das Add-On ist View Source Mobile
Francisco Alvarado
6
Als Lesezeichen:javascript:document.location='view-source:'+document.location;
Benjamin Oakes
3
Diese Antwort sollte höher bewertet und als die richtige ausgewählt werden.
Fred Thomsen
1
Dies funktioniert auch unter Firefox und Chrome unter Linux und Windows, wahrscheinlich unter macOS
Motte001 30.06.16
29

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".

Keith Twombley
quelle
Keith - du ROCK-Mann .. hast mein @ss gespeichert .. konnte nicht herausfinden, warum mein Video nicht eingebettet wurde, aber mithilfe dieses Tools konnte ich anhand der Quelle erkennen, dass der Code nicht vom .net-Server enthalten war
2
Link zur App: market.android.com/details?id=com.jamesob.vwsource hat es gerade ausprobiert, sieht gut aus. Keine Syntaxhervorhebung, erledigt aber den Job. Verschiebt die Quelle in ein normales Textfeld, sodass Sie problemlos Text daraus kopieren können.
GAThrawn
7

Die in dieser Antwort erwähnte App wurde seit 2009 nicht mehr aktualisiert.

Möglicherweise möchten Sie VT View Source ausprobieren .

Rebell
quelle
1
Dies hat Syntaxhervorhebung und ist sehr einfach zu bedienen. Funktioniert mit dem Standard-Android-Browser und Chrome. Der neueste Firefox für Android hat eine eigene Quelltextansicht, daher wird diese nicht benötigt.
Ezward
6

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.

Lüge Ryan
quelle
diese antwort rockt.
IAmDeveloper
5

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.

Milen Boev
quelle
3

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.

Ken Fehling
quelle
2

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:

adb logcat browser:V *:S

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:

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

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:

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

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:

$(document).ready(function(){console.log($('div.inspect-me').html())});
Wendallsan
quelle
1
Während dies gut funktionieren kann, sagte die Frage im Android-Webbrowser - nicht aus . Das Abrufen der Quelle über einen PC ist viel einfacher - z. B. durch Drücken von Strg-U in Firefox;)
Izzy
2

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:

server:source

in der Adresse der Seite, die Sie geöffnet haben.

Akhi Hosad
quelle