Cómo inspeccionar un elemento en Android, desde cualquier ordenador

No puedes abrir las herramientas de desarrollo en el propio teléfono. Lo que sí puedes hacer es manejar el navegador del teléfono desde un ordenador con un cable, y a diferencia de lo equivalente en un iPhone - que necesita un Mac - esto funciona desde Windows, macOS o Linux. Sirve cualquier ordenador que tenga Chrome.

La preparación, una sola vez

En el teléfono. Abre Ajustes → Información del teléfono y toca siete veces Número de compilación. Android te avisa de que el modo de desarrollador está activado. Vuelve a Ajustes → Sistema → Opciones para desarrolladores y activa Depuración por USB. La ruta exacta cambia según el fabricante; buscar “número de compilación” en la app de Ajustes lo encuentra antes que ir a tientas.

Conéctalo. Enchufa el teléfono al ordenador con un cable que lleve datos - un cable que solo carga es el motivo más habitual de que no aparezca nada. Desbloquea el teléfono. Te pregunta si permites la depuración por USB desde este ordenador; di que sí.

En el ordenador. Abre Chrome y ve a chrome://inspect#devices. Tu teléfono aparece con su nombre, con la lista de las pestañas que tiene abiertas. Haz clic en inspect junto a la que quieras.

Las herramientas de desarrollo se abren en el ordenador y están manejando el teléfono. Tienes el juego completo de paneles - Elementos, Consola, Red, todo - más una vista en directo de la pantalla en la que puedes hacer clic, que resulta realmente útil cuando la persona que sostiene el teléfono está hablando contigo por teléfono.

Sin cable

Android 11 y posteriores pueden hacerlo por wifi. En Opciones para desarrolladores, activa Depuración inalámbrica, elige “Vincular dispositivo con código de vinculación” y vincula desde el ordenador. Los dos dispositivos tienen que estar en la misma red. Es más lento que un cable y es la diferencia entre depurar en tu escritorio y depurar desde el sofá.

Qué más aparece ahí

• Otros navegadores basados en Chromium en el teléfono - Samsung Internet, Edge - aparecen en la misma lista en cuanto la depuración está activada.
• Firefox para Android no. Su equivalente es about:debugging en el Firefox de escritorio, con el mismo interruptor de depuración por USB en el teléfono.
• Una vista web dentro de una app nativa aparece solo si la app se compiló con la depuración de vistas web activada. Para tu propia app en una compilación de desarrollo, eso es una línea. Para la app de otra persona bajada de la tienda, no está disponible, y es a propósito.

La diferencia con el iPhone que conviene conocer

En iOS todos los navegadores dibujan con WebKit, así que un fallo que solo se ve en un iPhone es a menudo una diferencia de motor que ningún navegador de escritorio puede reproducir.

Android no es así. Chrome en Android es Blink, el mismo motor que Chrome en tu escritorio, de modo que la mayoría de los fallos de dibujado sí se reproducen en el modo dispositivo del escritorio - la vista de teléfono de las herramientas de desarrollo. Eso hace que el modo dispositivo sea aquí una primera apuesta mucho mejor de lo que es en iOS.

Lo que el modo dispositivo sigue sin darte es el resto del teléfono: el comportamiento táctil real y las áreas que se pueden tocar, el área visible de verdad cuando el teclado está abierto, los límites de memoria de un aparato barato, las diferencias de GPU y todo lo que tenga que ver con las condiciones de red del propio dispositivo. Así que el orden que ahorra tiempo es: prueba primero el modo dispositivo y recurre al cable cuando el fallo no aparezca ahí.

Cuando el teléfono es de otra persona

Todo lo anterior da por hecho que tienes el teléfono en la mano. Normalmente no es así: un cliente ha contado que tu sitio está roto en su Android, y activar el modo de desarrollador en el aparato de un desconocido no es algo que nadie vaya a pedir.

Qué pedir en su lugar, ordenado por lo mucho que te cuenta:

• Una grabación de pantalla. Android graba la pantalla desde el panel de ajustes rápidos. Recoge el comportamiento, los tiempos y lo que tocaron.
• El navegador y la versión. La de Chrome está en Configuración → Acerca de Chrome. “Android” no es una respuesta - Chrome 152 en Android 16 sí lo es.
• El texto exacto de cualquier error, fotografiado si eso es más fácil que copiarlo.
• Si pasa en una pestaña de incógnito, lo que separa tu página de una extensión, un recurso en caché o un service worker viejo.

Nuestro propio límite, dicho con claridad en una página sobre teléfonos: nuestra extensión es una extensión de Chrome para escritorio. Captura la consola y el registro de red en un ordenador, no en un teléfono. Para un fallo de escritorio se lleva por delante todo este intercambio, porque la mitad técnica llega con pulsar un botón. Para un fallo que solo ocurre en el Android de alguien, la grabación y el número de versión siguen siendo aquello con lo que trabajas.

Referencia rápida

• Teléfono: Ajustes → Información del teléfono → tocar siete veces Número de compilación, luego Opciones para desarrolladores → Depuración por USB.
• Ordenador: Chrome → chrome://inspect#devices → inspect.
• Usa un cable de datos, desbloquea el teléfono y acepta el aviso.
• Android 11 y posteriores pueden vincularse por wifi.
• Chrome en Android es el mismo motor que Chrome en el escritorio, así que prueba el modo dispositivo antes de recurrir al cable.