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 aplicaciones de Android nativas.

Resumen

  • Habilita la depuración de WebView en tu app Android nativa; depura WebViews en las 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 mediante la depuración remota.

Cómo configurar WebViews para depuración

Debes habilitar la depuración de WebView desde tu aplicación. Para habilitar la depuración de WebView, llama al método estático setWebContentsDebuggingEnabled en la clase de WebView.

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

Esta configuración se aplica a todas las WebViews de la app.

Sugerencia: La depuración de WebView no se ve afectada por el estado de la marca debuggable en el manifiesto de la aplicación. Si deseas habilitar la depuración de WebView solo cuando debuggable es true, prueba la marca durante el tiempo de ejecución.

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

Abre una WebView en Herramientas para desarrolladores

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

Para comenzar a depurar, haz clic en inspect debajo del WebView que deseas depurar. Usa las Herramientas para desarrolladores como lo harías con una pestaña remota del navegador.

Cómo inspeccionar elementos en una WebView

Los gráficos grises que se muestran con WebView representan su tamaño y posición en relación con la pantalla del dispositivo. Si tus WebViews tienen títulos, también se mostrarán en la lista.

Solución de 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 la página chrome://inspect.