Apps

Por Rodrigo Fernandes, para o TechTudo


É possível inspecionar elementos pelo celular Android por meio do navegador Chrome. O recurso permite que o usuário visualize os códigos HTML e CSS usados no desenvolvimento de uma página da web e copie esses conteúdos para fazer alterações em ambientes externos. A inspeção pode ser feita por meio de alterações na URL do site ou por aplicativos externos, como o Inspecione e Edite HTML. Confira, a seguir, como inspecionar elemento pelo celular de duas formas diferentes.

Tutorial mostra como inspecionar elemento pelo celular e visualizar códigos HTML de sites no Chrome do Android — Foto: Rodrigo Fernandes/TechTudo

Android não reconhece cartão SD? Descubra como resolver no Fórum do TechTudo.

Como inspecionar elemento pelo navegador do Android

Passo 1. Para inspecionar elemento pelo navegador, abra o browser e acesse o site que deseja analisar;

Acessando o site no Google Chrome para inspecionar elemento pelo celular — Foto: Reprodução/Rodrigo Fernandes

Passo 2. Toque na barra de endereços e acrescente o termo “view-source:” (sem aspas) antes da URL. Neste exemplo, o endereço ficou assim: view-source:https://www.techtudo.com.br;

Código na URL permite visualizar códigos HTML da página no navegador Chrome — Foto: Reprodução/Rodrigo Fernandes

Passo 3. Veja na tela os códigos usados na página.

Tela exibida após inspecionar elemento pelo celular dentro do Google Chrome — Foto: Reprodução/Rodrigo Fernandes

Como inspecionar elemento pelo aplicativo Inspecione e Edite HTML

Passo 1. Para inspecionar elemento por aplicativos externos, abra o app Inspecione e Edite HTML, disponível na Google Play Store e digite o endereço desejado na barra superior;

Aplicativo Inspecione e Edite HTML permite inspecionar elemento pelo celular — Foto: Reprodução/Rodrigo Fernandes

Passo 2. Com o site aberto, toque no botão de Inspeção, sinalizado pelo ícone de mão, ao lado da barra de endereço – ele ficará azul quando for ativado. Então, toque no elemento da página que deseja inspecionar;

Botão do app Inspecione e Edite HTML ativa função de inspecionar elementos no celular — Foto: Reprodução/Rodrigo Fernandes

Passo 3. Veja na tela os códigos usados naquele elemento.

Veja como inspecionar elemento pelo celular usando o app Inspecione e Edite HTML — Foto: Reprodução/Rodrigo Fernandes

Pronto. Agora você já sabe como inspecionar elementos no celular.

Veja também: Quatro coisas que você nunca deve fazer no seu celular Android

Quatro coisas que você nunca deve fazer no seu celular Android

Quatro coisas que você nunca deve fazer no seu celular Android

Mais do TechTudo