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?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
- transferir e instalar o tempo de execução do nó de http://nodejs.org/download/
- instalar o weinre:
sudo npm -g install weinre
- Descubra o seu endereço IP actual na configuração > Network Instale um servidor weinre na sua máquina.:
- na sua chamada do navegador:
http://YOUR.IP.ADRESS.HERE:8080
- 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>
- abra o cliente de depuração no seu navegador local: http://YOUR.PI.ENDERECO.Aqui: 8080 / cliente
- 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.
weinre --boundHost YOUR.IP.ADDRESS.HERE
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
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.
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