Come si visualizza il sorgente nel browser di Android?

C'è un modo per visualizzare il sorgente HTML nel browser web di Android?

Soluzione

È possibile utilizzare il metodo alert di Javascript per restituire il codice sorgente, digitatelo nella barra degli indirizzi:

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

Commentari (4)

Cercate un'applicazione chiamata View Web Source nel mercato e installatela.

Poi quando navighi, apri il tuo menu e tocca "share", nell'elenco che appare scegli View Web Source.

Commentari (2)

è possibile catturare il sorgente nella vostra shell o in un file di testo se state usando un emulatore, che è molto utile per lo sviluppo. Per fare questo è necessario installare Android Developer Tools, che viene fornito con adb. Accendete il vostro emulatore poi dalla shell del vostro sistema operativo eseguite il comando:

adb logcat browser:V *:S

Questo emetterà qualsiasi cosa dall'app del browser sul tuo emulatore e sopprimerà qualsiasi altro messaggio di log. Da lì, qualsiasi comando javascript console.log sarà catturato da adb e sarà emesso per voi da visualizzare. Quindi, se stai usando JQuery, puoi aggiungere questo alla tua pagina ed emetterà l'intera pagina html nel log:

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

Questo emetterà nel log tutto ciò che si trova all'interno del tag html della pagina.

Puoi catturare l'output del tuo log (usando BASH, almeno, non posso parlare di altre shell) con:

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

ora, qualsiasi output del log viene scaricato nel vostro file log.txt. Questo è davvero comodo per un'intera pagina di HTML, in quanto è possibile cercare in essa come si farebbe con qualsiasi altro documento di testo.

Se vuoi prendere una parte specifica della pagina piuttosto che l'intera cosa, puoi specificare quella parte della pagina piuttosto che il tag html nella tua JQuery, quindi se hai bisogno di guardare un singolo div che ha una classe/id associata ad esso (per questo esempio, ha una classe chiamata 'inspect-me'), puoi cambiare la tua JQuery in:

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