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.