Debuggable Browser

Depuración para desarrolladores web y diseñadores web

Nota
Esta aplicación fue creada para desarrolladores web que buscan ofrecer la mejor experiencia de usuario de su aplicación web a los usuarios de Android. Si no eres un desarrollador web o un diseñador web o no has entendido bien de qué se trata, esta aplicación probablemente no sea lo que estás buscando;)

Entonces, ¿qué es?
Solo un WebView habilitado para la depuración, que le permite usar las Herramientas de desarrollo de Chrome (que se ejecutan en su PC o Mac) para inspeccionar y depurar su aplicación web mientras se ejecuta en su dispositivo real .

¿Para qué sirve?
Si alguna vez abrió su sitio web en el navegador de acciones de Android y se encontró con uno de los siguientes problemas, esta aplicación podría serle útil:
& # 8226; & # 8195; El diseño o estilo de su sitio web aparece roto cuando se ve en el navegador de Android
& # 8226; & # 8195; Tu código JavaScript no produjo el resultado esperado o el cálculo debe haberse detenido repentinamente durante la ejecución (¿quizás se lanzó una excepción ?)
& # 8226; & # 8195; Las animaciones están retrasadas o simplemente no se animan como se espera

Descripción
A veces sucede que una aplicación web no funciona en los navegadores móviles, aunque funciona bien en los navegadores de escritorio. Lo que es peor, a veces se producen defectos solo en (ciertos) dispositivos móviles, por lo que no puede simularlos y reproducirlos en un navegador de escritorio. Aquí es donde la depuración remota con DevTools de Chrome resulta ser útil. Mientras que Chrome para Android ya lo admite perfectamente, el navegador de Android no lo hace. Esto es desafortunado, ya que muchos errores de Android parecen ocurrir solo en el navegador de valores y no en Chrome de todos modos.
Así que esta aplicación te permite ejecutar sitios web dentro del navegador nativo (WebView), mientras te da la posibilidad de Inspecciona y depura la página con Chrome DevTools.

¿Cómo iniciar la depuración remota?
1. Habilite el modo de desarrollador en su dispositivo Android y conéctelo a su PC / Mac
2. Abra esta aplicación y navegue a su sitio web ingresando su URL
3. En su PC / Mac, abra Chrome y escriba "chrome: // inspeccionar" en la barra de direcciones
4. En Chrome, marque "Descubrir dispositivos USB" y aparecerá una lista de la página web que abrió en su dispositivo
5. Pulse inspeccionar y disfrute la depuración remota de la aplicación con las Herramientas para desarrolladores de Chrome

Para obtener más información, lea: https://www.pertiller.tech/blog/remote-debugging-the-android-native-browse