Visualizar o código-fonte de uma página HTML é uma ferramenta indispensável para qualquer desenvolvedor web. Muita gente boa começou a aprender olhando o código-fonte das páginas concorrentes e até hoje um bom profissional pode identificar um erro de código só de bater o olho no fonte. Em navegadores de desktop, é tão fácil visualizar o HTML quanto dar um clique com o botão direito na página. Mas, e nos dispositivos que não aceitam mouse?
Acredite ou não, nenhum navegador popular para dispositivos Android tem um botão ou opção de “Exibir Código-Fonte”. Mas isso não quer dizer que eles não sejam capazes de alguma forma.
Android Browser
É o navegador padrão do sistema, mas também é o mais obtuso quando se deseja visualizar o HTML de uma página. Mas é possível.
- Digite a URL da página e espere ela carregar.
- Digite a seguinte string na barra de endereços: javascript: alert(document.getElementsByTagName(‘html’)[0].innerHTML);
O código-fonte irá aparecer em uma caixa de alerta, sem nenhuma formatação, mas é o que dá para fazer neste caso.
Chrome ou Firefox
Felizmente, estes dois navegadores compartilham do mesmo método de visualização, que funciona inclusive para suas versões de desktop.
- Digite a URL da página.
- Digite, antes da URL, a seguinte string na barra de endereços: view-source:
Ou você pode digitar direto view-source: www.meusite.com para obter o mesmo resultado. O código-fonte irá aparecer na mesma janela do navegador e estará devidamente formatado.
Opera Mini
Este pequeno navegador consegue manter a ideia de ser diferente em tudo. Até na forma de visualizar o código-f0nte de uma página.
- Digite a URL da página e espere ela carregar.
- Digite a seguinte string na barra de endereços: server:source
O resultado estará formatado, mas talvez seja necessário aplicar um pouco de zoom.
Aplicativo VT View Source
“Mas e os outros navegadores?” “E se eu tiver preguiça ou esquecer como digitar essas strings?” “A string Android Browser é gigante!”, são todos comentários válidos que você pode estar fazendo. Para estes casos, e muitos outros, a loja de aplicativos do Android sempre tem uma solução.
Para visualizar o código-fonte das páginas HTML, recomendamos o VT View Source. É leve, fácil de usar e gratuito (sem anúncios). Ele permite abrir as páginas a partir do navegador (usando Compartilhar) ou digitando as URLs diretamente. Também é possível visualizar CSS, JavaScript e XML.
