Cómo Inspeccionar elemento en Android

Cómo Inspeccionar elemento en Android

Todos el proceso relacionado se explica en el vídeo a continuación:

Puede que necesites el algún momento conocer algún aspecto html de alguna página web, o inyectar algún tramo de código javascript en la consola del navegador desde un dispositivo Android o incluso desde un iPhone.

No es lo más práctico de lejos, pero si llegas a tener la necesidad de hacerlo, en este blog post tengo dos muy buenas opciones, la primera es insertando código Javascript como un marcador.

Inspeccionar elemento con código Javascript como marcador

Este código se debe agregar como marcador en tu navegador, preferiblemente Google Chrome, después lo llamas desde la página a inspeccionar y eso será todo como se refleja en el vídeo relacionado.

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

Si te cuesta copiar el código desde acá puedes pulsar en el siguiente enlace y posteriormente los seleccionas todo con el dedo desde tu teléfono y luego copias la selección eligiendo en el menú emergente.

https://raw.githubusercontent.com/configuroweb/scriptsjs/master/inspeccionarelemento.js

Inspeccionar elemento con aplicaciones

Hay tres aplicaciones muy buenas para Inspeccionar elemento en Android, estás son las siguientes:

En lo personal recomiendo mucho la aplicación DevBrowser, que permite ver y editar en vivo los elementos HTML sin problemas.

En adición la consola

El proceso es muy sencillo he intuitivo, estas aplicaciones permiten, acceder al contenido HTML, el contenido CSS, así como ejecutar la consola para ejecutar script en Javascript.

Mi opinión sobre las 4 opciones disponibles de Inspeccionar elemento

Script de código abierto

El script es limpio, independiente, no requiere ninguna instalación y es bastante práctico el problema que encontré es que para sitios web de aplicación como Facebook he Instagram, no carga, la página tiene bloqueado este tipo de acceso.

Droid Web Inspector

Esta aplicación funciona como un navegador, tiene las opciones disponibles de actualizar y forzar la versión de escritorio de las páginas.

Apenas accedes a las páginas web, carga el inspector. No se adapta al tab donde te interesa específicamente inspeccionar sino te muestra la visión global de la página.

Esto último a nivel de tiempos no es bueno, porque en ocasiones se dificulta acceder al área específica donde queremos acceder.

El otro fallo es que igual que con el script abierto, en páginas de aplicación de redes sociales como Facebook he Instagram, no muestra opción posible de inspección.

Inspecione e Edite HTML

Me gusta mucho que tiene un icono de un dedo en la parte superior derecha, para hacer tab en este y luego pulsar en el lugar específico de la página que nos interesa.

Podemos hacer modificaciones en vivo y verlas directamente en la página.

Podemos incluso inspeccionar elemento en las páginas de Facebook e Instagram.

Lo único que no me gusto es su opción de consola que a pesar que funciona, por lo menos en mi caso, el código que cargué lo hizo en un bucle y me tocó salir de la aplicación a la fuerza.

No es muy intuitiva la forma en la que ejecutar los script y apenas muestra un campo de una línea.

DevBrowser

Indiferente de sus inmerecidas 3 estrellas en la tienda de aplicaciones de Google me pareció la mejor aplicación de Android para inspeccionar elemento y ejecutar consola.

DevBrowser tiene todo lo citado en la aplicación de Inspecione e Edite HTML, más la opción de guardar scripts, para luego ejecutarlos cuando se necesite.

Incluso intenté ejecutar unos scripts que había implementado en una publicación previa para seguir cuentas en Instagram, dejar de seguir y dar likes por hashtag así como por ubicación

Pero me saltan fallos de undefined, muy seguramente porque Facebook e Instagram cargan versiones específicas para dispositivos y por esto los id son diferentes.

Estaré intentado crear un script que sea válido para ejecutar javascript desde el teléfono, en las siguientes publicaciones.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *