Solución:
Chrome en Android permite utilizar las herramientas de desarrollo de Chrome en el escritorio para inspeccionar el HTML que se cargó desde la aplicación Chrome en el dispositivo Android.
Ver: https://developers.google.com/chrome-developer-tools/docs/remote-debugging
Tuve que depurar un sitio para el navegador nativo de Android y vine aquí. Así que probé weinre en un OS X 10.9 (como servidor weinre) con Firefox 30.0 (weinre cliente) y un Android 4.1.2 (objetivo). Estoy muy, muy sorprendido del resultado.
- Descargue e instale el tiempo de ejecución del nodo desde http://nodejs.org/download/
- Instalar weinre:
sudo npm -g install weinre - Descubra su dirección IP actual en Configuración> Red
- Configure un servidor weinre en su máquina:
weinre --boundHost YOUR.IP.ADDRESS.HERE - En su navegador llame a:
http://YOUR.IP.ADRESS.HERE:8080 - Verá un fragmento de secuencia de comandos, colóquelo en su sitio:
<script src="http://YOUR.IP.ADDRESS.HERE:8080/target/target-script-min.js"></script> - Abra el cliente de depuración en su navegador local: http://YOUR.IP.ADDRESS.HERE:8080/client
- Finalmente en su Android: llame al sitio que desea inspeccionar (el que tiene el script adentro) y vea cómo aparece como “Destino” en su navegador local. Ahora puedes abrir “Elementos” o lo que quieras.
Quizás 8080 no sea su puerto predeterminado. Luego, en el paso 4 tienes que llamar weinre --httpPort YOURPORT --boundHost YOUR.IP.ADRESS.HERE.
Y no recuerdo exactamente cuándo fue, tal vez en algún momento después del paso 5, tuve que aceptar el aviso de conexiones entrantes, por supuesto.
Feliz depuración
PD: todavía estoy abrumado por lo bien que funciona. Incluso el trabajo de resaltado de elementos
Puede inspeccionar elementos de un sitio web en su dispositivo Android utilizando el navegador Chrome.
Abra su navegador Chrome y vaya al sitio web que desea inspeccionar.
Vaya a la barra de direcciones y escriba “view-source:” antes de “HTTP” y vuelva a cargar la página.
Se mostrarán todos los elementos de la página.