Depurador remoto de Chrome

Usa el depurador remoto de Chrome para depurar una aplicación de Cast.

Inicia Chrome Remote Debugger para un dispositivo Google Cast en particular de la siguiente manera:

Para depurar apps de Cast en un dispositivo con Android TV, consulta Android TV: Depuración.

Para depurar una app receptora web en dispositivos Google Cast, haz lo siguiente:

  1. Registra la aplicación y el dispositivo Google Cast en la Consola para desarrolladores del SDK de Google Cast.

    La aplicación y el dispositivo deben estar registrados en la misma cuenta de desarrollador para que puedas realizar la depuración.

  2. Inicia la app de remitente y transmite al dispositivo Google Cast para cargar la app del receptor web de depuración. Asegúrate de que tus dispositivos emisores y receptores web estén conectados a la misma red.

  3. Hay dos maneras de conectarte a tu dispositivo para la depuración remota:

    1. Inspector de Chrome

      1. En el navegador Chrome, ingresa lo siguiente en el campo de dirección para ir al inspector de Chrome:

        chrome://inspect
        

        Aparecerá una lista de dispositivos compatibles con Cast en esa red.

      2. Selecciona el dispositivo de la app receptora web que deseas depurar haciendo clic en el vínculo Inspect.

        Se debería abrir una ventana del inspector, lo que te permitirá depurar la app del receptor web de forma remota.

      3. Directamente al puerto 9222 del dispositivo

      4. En el navegador Chrome, ingresa lo siguiente en el campo de dirección para ir directamente al dispositivo que depuras. Esto puede ser más rápido que el Inspector de Chrome si tienes muchos dispositivos en tu red:

        <device IP address>:9222
        

        Para encontrar la dirección IP del dispositivo, selecciona el dispositivo en la app de Google Home, ve a Configuración y consulta la sección Información.

      5. Haz clic en el vínculo Remote Debugging para seleccionar la sesión que deseas depurar.

      6. Si el Depurador remoto de Chrome no se propaga, selecciona el ícono a la izquierda de la barra de direcciones y selecciona site settings. Desplázate hasta la parte inferior de la configuración y cambia la configuración de Insecure content a Allow.

  4. En la consola de Debugger remoto de Chrome, ingresa el siguiente código para habilitar el registro de depuración:

    cast.framework.CastReceiverContext.getInstance().setLoggerLevel(cast.framework.LoggerLevel.DEBUG);

    Se admite la manipulación completa del DOM, al igual que el REPL de Chrome completo (consola), que te permitirá modificar la app del receptor web en ejecución.

    Cuando se da de baja tu receptor web (finaliza el ciclo de vida), el depurador queda inactivo con un mensaje de advertencia en la parte superior. En este punto, ya no puedes interactuar con el depurador. Para reiniciar la depuración, debes reiniciar la app del receptor web y, luego, volver a cargar el inspector.

Puntos de interrupción

Puedes agregar puntos de interrupción manuales a tu código mediante debugger; dentro del código de tu receptor web.

Almacenamiento en caché local

Usa window.location.reload(true); para realizar una recarga forzada que vacía la caché de la aplicación del receptor web.

Preserva registros entre sesiones

Para conservar los registros entre sesiones, haz clic en el ícono de ajustes dentro del depurador y marca la casilla junto a "Preserve log when navigation".