en Programacion

Chrome Remote Debugging en Android

He grabado este pequeño vídeo porque me parece una maravilla las mejoras que están implementando en Chrome para realizar debug remoto de un WebView de Android desde el escritorio.

En este ejemplo tengo conectada mi tablet Nexus 7 por USB al Mac y con la extensión ADB de Chrome tienes acceso al listado de WebViews abiertos en el dispositivo.

Abriendo el Inspector Web de uno de esos WebViews accedes a las DevTools de la página en remoto. Puedes ver los elementos del DOM, tiempos de carga de los recursos, activar los indicadores de rendering, etc. Vamos, todas las funcionalidades de las DevTools como tendrías en el equipo de sobremesa.

Una de las últimas mejoras ha sido la posibilidad de mostrar una previsualización del WebView dentro del Inspector Web. Esta previsualización es interactiva, puedes desde el escritorio cambiar la URL, refrescar, o interactuar con los elementos de la página, escribir…

El vídeo no es que tenga muy buena calidad, así que activad la reproducción en HD para diferenciar mejor el contenido.