¿Hay una opción de "Inspeccionar elemento" en cualquier navegador en Android?

A menudo me encuentro perdiendo la opción de "Inspeccionar elemento" en la versión de Android de los navegadores web populares. ¿Conoce alguna alternativa o solución que podría implementar para tener acceso a esta opción?

Por supuesto, está la línea a continuación, pero eso devuelve toda la fuente de la página y no las partes interesantes.

view-source:webpage

Respuestas (7)

Puede conectar su teléfono a una PC o Mac e inspeccionar el dispositivo desde allí. Por ejemplo, si tienes Chrome abierto en tu dispositivo y lo conectas a una PC, abre Chrome en la PC y desde las herramientas de desarrollo puedes hacer clic en el menú de tres puntos (arriba a la derecha, al lado de la X que cierra el dev). herramientas) y luego haga clic en 'más herramientas' --> 'Dispositivos remotos'. Desde allí puede inspeccionar lo que ve en su dispositivo.

Existen métodos similares para otros navegadores.

Puede utilizar Dago Browser (Web Inspector) . Le permite inspeccionar páginas web y funciona perfectamente en mi MIUI8.

De su descripción,

Dago Browser es un navegador web con un inspector web que se puede abrir deslizando el dedo hacia la derecha desde una página del navegador web y eligiendo Inspeccionar elemento. Una vez abierto, resalta el nodo en la página tal como está seleccionado en la jerarquía. [...]

El navegador Kiwi ha agregado las herramientas de desarrollo de Chrome a su aplicación de Android.

Le permite ver e inspeccionar páginas web desde una pestaña diferente. A diferencia de ver la fuente HTML, puede ver las actualizaciones de la página en tiempo real.

También tiene una consola JS y otras características.

Puede usar la pantalla dividida de Android y mover una pestaña a otra ventana para ver el inspector y la página al mismo tiempo

inspeccionando un sitio web

consola para pagina web

ejemplo ambos al mismo tiempo

Existe este lanzado recientemente, se enfoca en funciones para desarrolladores. Puede inspeccionar elementos visualmente: Dev Browser .

De su descripción,

Inspeccionar elementos web

  • Inspeccione y edite elementos web individuales y sus atributos con el inspector web incorporado

Si desea inspeccionar HTML, CSS o tal vez necesite la consola JS en su navegador móvil. Puede usar la herramienta eruda que brinda la capacidad de usar las mismas herramientas de desarrollador en su navegador móvil que en su dispositivo de escritorio. No olvides votar :) Aquí hay un enlace https://github.com/liriliri/eruda

Marque estas líneas de códigos:

javascript:(function () { var script = document.createElement('script'); script.src="//cdn.jsdelivr.net/npm/eruda"; document.body.appendChild(script); script.onload = function () { eruda.init() } })();

y siga los siguientes pasos que se muestran en las capturas de pantalla. Eso es todo

Podrías usar Javascript en Opera Mini.

  1. Reinicie la salida de la consola abriendo una nueva pestaña con la dirección:debug:resetconsole Restablecer salida

  2. Abra una pestaña en la página en la que desea realizar la inspección:ejemplo.com

  3. Ejecute el código JavaScript en la página reemplazando la dirección en la barra de direcciones con la siguiente dirección:javascript:var%20n%3Ddocument.firstChild%3Bwhile%28n%20%26%26%20n.nodeType%21%3DNode.ELEMENT_NODE%29%20n%3Dn.nextSibling%3Bconsole.log%28n.outerHTML%29%3B

  4. Recupere la salida abriendo una nueva pestaña con la direccióndebug:console Producción