Cuándo se encuentran errores en los browsers móbiles que no se observan en el escritorio nos encontramos en un problema, ¿porqué sucede? ¿cómo lo depuramos? Bueno, si puntualmente el problema se observa sobre dispositivos Android y sobre Chrome entonces estamos salvados.

 

  1. Tener habilitado en android el modo desarrollador y permitida la depuración USB
  2. Tener habilitado en Chrome, en Android, el modo desarrollador
  3. Instalar el SDK de Android: https://developer.android.com/studio#downloads (sólo es necesario descargar de la sección "Command line tools only")
  4. Instalar las platform-tools: sdkmanager "platform-tools"
  5. Ejecutar el siguiente comando: adb forward tcp:9222 localabstract:chrome_devtools_remote
  6. Finalmente dirigirse desde nuestro navegador de escritorio a: localhost:9222. Allí veremos enlaces para todas las pestañas abiertas en Chrome para Android y al clickear en alguna de ellas nos abrirá tanto la página como la consola de depuración: estaremos depurando en nuestro escritorio lo que se está viendo en nuestro celular

Y voilà!!!

Referencias: