firebug - quantum - ¿Cómo puedo inspeccionar el elemento en un navegador Android?

firebug php

Question

Quiero inspeccionar los elementos CSS / HTML de mi sitio web en mi navegador Android.

Sin embargo, será a través de un teléfono inteligente o el SDK de Android.

¿Cuál es la mejor manera de hacerlo?

Answer 1

Chrome en Android hace posible usar las herramientas de desarrollador de Chrome en el escritorio para inspeccionar el HTML que se cargó desde la aplicación de Chrome en el dispositivo Android.

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

Answer 2

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 del "HTTP" y vuelva a cargar la página.

Se mostrarán todos los elementos de la página.

Answer 3

Tuve que depurar un sitio para el navegador nativo de Android y vine aquí. Así que probé con un OS X 10.9 (como servidor weinre) con Firefox 30.0 (weinre client) y un Android 4.1.2 (target). Estoy realmente sorprendido del resultado.

1. Descargue e instale el tiempo de ejecución del nodo desde http://nodejs.org/download/
2. Instala weinre: sudo npm -g install weinre
3. Averigüe su dirección IP actual en Configuración> Red
4. Configura un servidor weinre en tu máquina: weinre --boundHost YOUR.IP.ADDRESS.HERE
5. En su llamada de navegador: http://YOUR.IP.ADRESS.HERE:8080
6. Verá un fragmento de script, colóquelo en su sitio: <script src="http://YOUR.IP.ADDRESS.HERE:8080/target/target-script-min.js"></script>
7. Abra el cliente de depuración en su navegador local: http://YOUR.IP.ADDRESS.HERE:8080/client
8. Finalmente en su Android: llame al sitio que desea inspeccionar (el que tiene el guión dentro) y vea cómo aparece como "Objetivo" en su navegador local. Ahora puedes abrir "Elementos" o lo que quieras.

Quizás 8080 no es tu puerto predeterminado. Luego, en el paso 4 tienes que llamar a weinre --httpPort YOURPORT --boundHost YOUR.IP.ADRESS.HERE .

Y no recuerdo exactamente cuándo fue, tal vez en algún lugar después del paso 5, tuve que aceptar la solicitud de conexiones entrantes, por supuesto.

:) Depuración feliz

PD. Todavía estoy abrumado por lo bueno que eso funciona. Incluso elementos que resaltan el trabajo O_O °