Como posso ver a fonte no navegador Android?

Existe uma maneira de visualizar o HTML de origem no navegador Android?

Solução

Você pode utilizar o método Javascript's alert para retornar o código fonte, digite isso na barra de endereço:

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

Comentários (4)

Procure um aplicativo chamado View Web Source no mercado e instale-o.

Depois, ao navegar, abra seu menu e toque em "share" na lista que aparece, escolha View Web Source.

Comentários (2)

você pode capturar a fonte para sua shell ou para um arquivo de texto se você're usando um emulador, que é muito útil para o desenvolvimento. Para fazer isso você'precisará instalar o Android Developer Tools, que vem com o adb. A partir do seu OS's shell execute o comando:

adb logcat browser:V *:S

Isto irá emitir qualquer coisa da aplicação do navegador no seu emulador e suprimir quaisquer outras mensagens de registo. A partir daí qualquer comando javascript console.log será capturado pela adb e sairá para você visualizar. Então, se você'estiver usando JQuery, você pode adicionar isto à sua página e ele'irá sair a página inteira html para o log:

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

Isto irá emitir tudo dentro da sua tag html na página para o log.

Você pode capturar a saída do seu log (usando BASH, pelo menos, eu posso't falar com outros shells) com:

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

agora, qualquer saída do log é despejada no seu arquivo log.txt. Isto é realmente útil para uma página inteira's valor de HTML, como você pode então pesquisar através dele como você faria com qualquer outro documento de texto.

Se você quiser pegar um pedaço específico da página ao invés da página inteira, você pode especificar essa parte da página ao invés da tag html no seu JQuery, então se você precisar olhar para um único div que tenha uma classe/id associada a ela (para este exemplo, ela tem uma classe chamada 'inspect-me'), você pode mudar o seu JQuery para:

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