Para depurar cualquier página web actualmente visible en Chrome Browser o WebView en un dispositivo Android, deberá habilitar la depuración USB y conectar su dispositivo Android a una PC Linux a través de un cable USB.
Habilitar la depuración USB en un dispositivo Android
La alternancia de depuración USB se puede encontrar en el menú oculto de "Opciones de desarrollador" en dispositivos Android. Para habilitar la vista Opciones de desarrollador, debe tocar la entrada de "número de compilación" 7 veces en la configuración del sistema. Como hay numerosos dispositivos Android con diferentes interfaces y versiones de usuario, no hay una forma estándar establecida de encontrar el número de compilación. Puede usar la barra de búsqueda en la configuración del sistema Android para ubicar y ir directamente a la opción Número de compilación, o puede navegar manualmente la configuración del sistema para encontrarla. Por lo general, se encuentra en el mismo menú que muestra la versión del kernel de Linux en un dispositivo Android.
Una vez que haya habilitado las opciones de desarrollador, altere el interruptor para la depuración USB. Tenga cuidado de no tocar otras configuraciones en las opciones de desarrolladores, ya que la configuración errónea puede conducir a la rotura del sistema. Como referencia, así es como se ve la opción de depuración USB en mi dispositivo Samsung Android:
Instalación de Android Debug Bridge (ADB) en Linux
ADB es una herramienta de depuración oficial proporcionada por Google para depurar los dispositivos Android OS y Android. Facilita el intercambio de datos y la comunicación entre una PC y un dispositivo Android. Se requiere ADB para la depuración remota de una página web actualmente en vivo en un dispositivo Android. También se usa para autenticar y verificar la conexión de su dispositivo Android con su PC Linux.
Para instalar ADB en Ubuntu, ejecute el comando a continuación:
$ sudo apt install adb
Los paquetes ADB están disponibles de forma predeterminada en casi todas las principales distribuciones de Linux. Si está utilizando una distribución de Linux que no sea Ubuntu, busque el término "ADB" en el Administrador de paquetes e instálela desde allí.
Ahora conecte su dispositivo Android a su sistema Linux a través de un cable USB. En caso de que esté conectando su dispositivo Android habilitado para la depuración USB por primera vez, recibirá un mensaje de autorización en su dispositivo Android. Debe aceptarlo para continuar. Ejecute el comando a continuación después de aceptar el indicador para verificar el estado de conexión y autenticación exitosos:
$ ADB dispositivos
La captura de pantalla a continuación muestra la salida del comando. Si puede ver un número de serie en el encabezado "Lista de dispositivos adjuntos", se ha realizado una conexión exitosa. Si hay una palabra clave "no autorizada" justo al lado del número de serie, desenchufe el dispositivo, vuelva a conectarla y luego acepte el mensaje de autorización nuevamente (es posible que haya perdido el mensaje o accidentalmente lo haya cerrado).
Depuración remota de una página web móvil en el navegador de escritorio Chrome
Escriba la URL "Chrome: // Inspect/#Devices" en la barra de direcciones de Chrome y presione la tecla ENTER. Verifique la casilla de verificación "Descubrir dispositivos USB". Ahora podrá ver una lista de todos los sitios web / aplicaciones web abiertas en Chrome, Chromium o cualquier navegador o WebView basado en Chrome / Chromium en su dispositivo Android.
Simplemente haga clic en el enlace "Inspeccionar" para comenzar a depurar. Obtendrá el mismo conjunto completo de herramientas de desarrollador que están disponibles para depurar sitios web en una PC de escritorio.
Tenga en cuenta que el sitio web o la aplicación web su depuración debe ser visible y vivir en su dispositivo Android. Si cambia de aplicaciones, pestañas o se apaga fuera de la pantalla, el área de vista previa puede estar atenuada.
Conclusión
Conectar su dispositivo Android a una PC Linux para sitios web de depuración remota es bastante sencillo y da un par de pasos. Si bien puede depurar diseños receptivos y simular vistas móviles en el escritorio en sí, la depuración remota es especialmente útil si está desarrollando aplicaciones híbridas para Android o utilizando WebViews.