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.
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.
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.
3- Ahora en Chrome, ponemos la siguiente dirección en la barra de direcciones: chrome://inspect/#devices
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 .
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.
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.