Como posso inspecionar o elemento em um navegador Android?

quero inspeccionar os elementos CSS/HTML do meu site no meu navegador Android.

No entanto, será através de um smartphone ou do Android SDK.

Qual é a melhor maneira de o fazer?

Author: JorgeAmVF, 2012-11-11
Source

4 answers

O Chrome no Android permite utilizar as ferramentas de desenvolvimento do Chrome no ecrã para inspeccionar o HTML que foi carregado a partir da aplicação Chrome no dispositivo Android.

Ver: https://developers.google.com/chrome-developer-tools/docs/remote-debugging

 39
Author: Michael Aaron Safyan, 2014-04-15 22:21:01
Tive de depurar um site para o Android browser nativo e vim para cá. Então eu tentei weinre em um OS X 10.9 (como servidor weinre) com o Firefox 30.0 (cliente weinre) e um Android 4.1.2 (alvo). Estou muito, muito surpreendido com o resultado.
  1. transferir e instalar o tempo de execução do nó de http://nodejs.org/download/
  2. instalar o weinre: sudo npm -g install weinre
  3. Descubra o seu endereço IP actual na configuração > Network
    4. Instale um servidor weinre na sua máquina.: weinre --boundHost YOUR.IP.ADDRESS.HERE
  4. na sua chamada do navegador: http://YOUR.IP.ADRESS.HERE:8080
  5. vais ver um excerto de guião, coloca-o no teu site: <script src="http://YOUR.IP.ADDRESS.HERE:8080/target/target-script-min.js"></script>
  6. abra o cliente de depuração no seu navegador local: http://YOUR.PI.ENDERECO.Aqui: 8080 / cliente
  7. finalmente no seu Android: ligue para o site que você deseja inspecionar (o que tem o script dentro) e veja como ele aparece como "alvo" em seu navegador local. Agora podes abrir "elementos" ou o que quiseres.
Talvez o 8080 não seja a porta padrão. Então no Passo 4 você tem que chamar weinre --httpPort YOURPORT --boundHost YOUR.IP.ADRESS.HERE. E não me lembro exactamente quando foi, talvez depois do Passo 5, tive de aceitar as ligações recebidas rapidamente, claro. Depuração feliz P. S.: Ainda estou sobrecarregada com o quão bom isso funciona. Elementos pares-realce do trabalho
 39
Author: leymannx, 2020-05-18 06:51:17

Você pode inspecionar elementos de um site no seu dispositivo Android usando o navegador Chrome.

Abra o seu navegador Chrome e vá ao site que deseja inspeccionar.

Vá para a barra de endereços e digite "view-source:" antes do "HTTP" e recarregue a página.

Todos os elementos da página serão apresentados.

 13
Author: maa, 2018-04-16 21:10:55

Se quiser inspeccionar html, css ou talvez precise da consola js no seu navegador móvel . Você pode usar a ferramenta excelent eruda Usando-a, você tem as mesmas ferramentas de desenvolvimento no seu navegador móvel, como no seu dispositivo de desctop. Não se esqueça de subir:) aqui está um link https://github.com/liriliri/eruda

 1
Author: Наглый Спамер, 2020-12-27 14:56:16