WebViews de depuración remota

Depura WebViews en tus apps para Android nativas con las Herramientas para desarrolladores de Chrome.

En Android 4.4 (KitKat) o versiones posteriores, usa las Herramientas para desarrolladores para depurar el contenido de WebView en Android nativo. aplicaciones.

Resumen

  • Habilitar la depuración de WebView en tu app para Android nativa depurar WebViews en Herramientas para desarrolladores de Chrome.
  • Accede a la lista de WebViews habilitadas para depuración a través de chrome://inspect.
  • La depuración de WebViews es igual a la depuración de una página web a través de la depuración remota.

Cómo configurar componentes WebView para la depuración

La depuración de WebView debe habilitarse desde tu aplicación. Para habilitar la depuración de WebView, llama a el método estático setWebContentsDebuggingEnabled en la clase WebView.

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    WebView.setWebContentsDebuggingEnabled(true);
}

Esta configuración se aplica a todas las WebView de la aplicación.

Nota: La depuración de WebView no se ve afectada por el estado de la marca debuggable en el manifiesto de tu aplicación. Si quieres habilitar la depuración de WebView solo cuando debuggable sea true, probar la marca en el tiempo de ejecución.

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    if (0 != (getApplicationInfo().flags & ApplicationInfo.FLAG_DEBUGGABLE))
    { WebView.setWebContentsDebuggingEnabled(true); }
}

Cómo abrir una WebView en Herramientas para desarrolladores

En la página chrome://inspect, se muestra una lista de WebViews habilitadas para depuración en tu dispositivo.

Para comenzar la depuración, haz clic en Inspeccionar debajo de la WebView que desees depurar. Usa las Herramientas para desarrolladores como lo harías para acceder a una pestaña del navegador remota.

Cómo inspeccionar elementos en una WebView

Los gráficos en gris que aparecen con WebView representan su tamaño y posición relativos a la en la pantalla. Si tus WebViews tienen títulos, también se mostrarán en la lista.

Soluciona problemas

¿No puedes ver tus WebViews en la página chrome://inspect?

  • Verifica que la depuración de WebView esté habilitada para tu app.
  • En tu dispositivo, abre la app con la WebView que desees depurar. Luego, actualiza el chrome://inspect.