Como inspecionar elemento pelo celular

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

LEIA: Como limpar o cache do navegador do celular Android e iPhone

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

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;

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

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;

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

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.

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

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;

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

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;

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

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.

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

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.

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

O que você está lendo é [Como inspecionar elemento pelo celular].Se você quiser saber mais detalhes, leia outros artigos deste site.