La forma en la que se comporta un navegador real en un móvil, difiere mucho de la experiencia de un navegador de escritorio, incluso aunque ambos sean el mismo tipo de navegador, y usemos las opciones de desarrollo responsive.
Video Tutorial
En este tutorial veremos como depurar cómodamente desde nuestro ordenador, una web abierta en un navegador de un terminal móvil directamente.
Puedes visitarnos y suscribirte a nuestro Canal en YouTube desde aquí.
Especificaciones
A esta funcionalidad se la conoce como Remote Debugging, y es una prestación que Google facilita a los desarrolladores, como siempre de forma gratuita.
Estas son las funcionalidades que permite:
- Remote Debugging de sitios web en las pestañas del navegador.
- Depuración de WebViews en aplicaciones Android Nativas.
- Muestra en el ordenador un stream de imagen idéntico a lo que sucede en tu móvil, para que depurar desde tu máquina sea más cómodo.
- Acceder a tu servidor de desarrollo en Android utilizando Port Forwarding y Virtual Host Mapping.
Requisitos
Para empezar a utilizar la herramienta, será necesario un terminal móvil Android, y un navegador Chrome en un PC o Mac:
- Navegador Chrome o posterior instalado en el ordenador de desarrollo.
- Cable USB para conectar el móvil Android al ordenador.
- Versión Android 4.0 ó superior del navegador para móviles Chrome.
- Versión Android 4.4 ó superior y un WebView configurado para Debugging si quieres depurar una App con Webview.
Recuerda que Remote Debugging requiere que la versión del navegador Chrome de tu ordenador sea posterior a la versión del navegador Chrome de tu dispositivo Android.
Para ello, Google recomienda usar Google Canary disponible en versiones Mac y Windows. Esta versión del navegador es una beta descargable 100% funcional en la que además, podrás disfrutar de las últimas actualizaciones de Google Chrome antes de que salgan al mercado.