Depuración web móvil Android, desde Google Chrome Desktop

Desde la versión de escritorio para Chrome, contamos con herramientas para desarrolladores, desde donde es posible realizar un seguimiento completo, del comportamiento de una página web, desde sus estilos, scripts, código html, tiempos de carga, rendimiento, visualización responsive, etc.

Depuración Chrome Desktop
Depuración Chrome Desktop

Aunque desde estas herramientas se puede hacer una depuración de las vista móvil de una página, en ocasiones se requiere poder depurar la página directamente en el dispositivo móvil Android, con el fin de detectar y corregir algún tipo de error. Por eso en este artículo, describiremos los pasos para hacer una depuración de una web móvil corriendo en Android, desde Google Chrome en un PC de escritorio.

Depuración Chrome Mobile
Depuración Chrome Mobile

1- Inicialmente se debe poner el dispositivos móvil en modo desarrollador, permitiendo el debug por medio de cable USB.

2- Ahora se conecta el móvil al PC. En este momento se debe aceptar la pregunta que realiza el dispositivo, para autorizar la depuración por USB.

Aceptar Depuración USB

3- Ahora en Chrome, ponemos la siguiente dirección en la barra de direcciones:  chrome://inspect/#devices

Depuración de dispositivos remotos
Depuración de dispositivos remotos

4- Luego de unos segundos, en la parte de abajo debe detectar el equipo móvil, y mostrar las páginas abiertas en el Chrome del dispositivo móvil .

Dispositivos y páginas abiertas en Chrome móvil
Dispositivos y páginas abiertas en Chrome móvil

Si no aparece ninguna información en Remote Target, se debe desconectar y volver a conectar el cable USB, hasta que aparezca en el móvil la autorización para Debug por USB.

5- Ahora se escoge la página que se va a depurar, y se selecciona la opción Inspect.

6- Se abrirá en el escritorio un popup con las herramientas de depuración, pero esta vez reflejando el comportamiento de la página abierta en el móvil.

Depuración Chrome Móvil desde Chrome de Escritorio
Depuración Chrome Móvil desde Chrome de Escritorio

Esta herramienta de depuración móvil de Chrome, es ideal cuando requerimos hacer seguimiento de una página cuyo comportamiento no es el esperado en el dispositivo móvil.

Este artículo hace parte del sistema de divulgación de conocimiento de ITSoftware.

Si te gustó, por favor no olvides compartirlo en las redes sociales. 😉

Deja un comentario

Tu dirección de correo electrónico no será publicada.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.