Muchas veces he oído que las apps híbridas (phonegap, cordova, ionic, etc) no se pueden debugar cuando se ejecutan en el dispositivo real.

Quizá era así hace tiempo, pero lo cierto es que ahora mismo podemos debugar una app híbrida con facilidad mientras se ejecuta en un dispositivo, gracias al navegador Chrome.

¿Como debugar apps híbridas?

Siguiendo estos sencillos pasos:
1. Conectamos el dispositivo Android al ordenador, y lanzamos la app a debugar
2. En el ordenador, abrimos Chrome, y en la barra de navegación vamos a chrome://inspect
3. En la pestaña devices, debería aparecer nuestro dispositivo y un listado de las apps híbridas que tenemos lanzadas.
4. Seleccionamos el enlace inspect de la app que queremos debugar.
5. Se lanzará una vista parecida al chrome inspector, donde podremos ver una réplica de lo que vemos en la pantalla de nuestro dispositivo. Podremos interactuar con la app en ambos lados, y debugar la app durante la ejecución.

Mira el vídeo a continuación para ver como hacerlo: