Debug responsive desde tu smartphone Android

¿Cuántas veces hemos escuchado eso de "Ójala se pudiera hacer debug desde el movil" para tus sitios responsive?

Pues esto ya no es un problema. Android y Chrome nos lo ponen fácil. Sólo hay que seguir estos sencillos pasos:

1. Abrimos cualquier URL desde el chrome de nuestro smartphone Android.
2. Conectamos nuestro smartphone Android por USB a nuestro PC.
3. Desde Settings > Developer options., activamos el Debug por USB
   1. En Android 4.2 o superiores, para acceder a las Developer options hay que entrar en Settings > About phone y hacer tap 7 veces en Build number
4. Ahora nos vamos a nuestro PC, abrimos Chrome y pulsamos F12. En las opciones abrimos Inspect Devices y activamos Discover USB Devices.
5. ¡Listo! ¡Ya tenemos la navegación de nuestro Smartphone y nuestro PC sincronizada!

Ahora, si navegamos por cualquier site con nuestro smartphone (hay que usar chrome) podremos hacer debug desde nuestro PC.  A partir de aquí lo mejor es probarlo por tí mismo porque es muy sencillo.

El resultado final será algo parecido a esto:



 

 

A debugear!!