Tanto la aplicación como el dispositivo deben estar registrados en la misma cuenta de desarrollador para que puedas realizar la depuración.
Inicia la app del emisor y transmite al dispositivo Google Cast para cargar la app del receptor web y depurarla. Asegúrate de que el dispositivo del remitente y el del receptor web estén conectados a la misma red.
Existen dos maneras de conectarte a tu dispositivo para la depuración remota:
Inspector de Chrome
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 los dispositivos compatibles con Cast en esa red.
Haz clic en el vínculo Inspect para seleccionar el dispositivo de la app de Web Receiver que deseas depurar.
Se debería abrir una ventana del inspector, lo que te permitirá depurar de forma remota la app del receptor web.
Directamente al puerto 9222 del dispositivo
En el navegador Chrome, ingresa lo siguiente en el campo de dirección para ir directamente al dispositivo que estás depurando. Esto puede ser más rápido que el Inspector de Chrome si tienes muchos dispositivos en tu red:
<deviceIPaddress>:9222
Para encontrar la dirección IP del dispositivo, selecciónalo en la app de Google Home, ve a la configuración y busca en la sección Información.
Haz clic en el vínculo Remote Debugging de la sesión que deseas depurar para seleccionarla.
Si no se propaga el depurador remoto de Chrome, selecciona el ícono a la izquierda de la barra de direcciones y elige site settings.
Desplázate hasta la parte inferior de la configuración y cambia el parámetro Insecure content a Allow.
En la consola del depurador remoto de Chrome, habilita el registro de depuración. Para ello, ingresa lo siguiente:
Se admite la manipulación completa del DOM, así como la REPL de JavaScript de Chrome (consola), que te permitirá manipular la app del receptor web en ejecución.
Cuando se desmonte tu receptor web (final del ciclo de vida), el depurador se inhabilitará y aparecerá 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 con debugger; dentro del código del receptor web.
Almacenamiento en caché local
Usa window.location.reload(true); para realizar una recarga forzada que borre la caché de la aplicación del receptor web.
Cómo conservar 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 upon navigation".
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-07-25 (UTC)"],[[["Use the Chrome Remote Debugger to debug your Cast Web Receiver application by inspecting it through `chrome://inspect` or directly accessing the device's 9222 port."],["To enable debugging, register your application and Cast device on the Google Cast SDK Developer Console, ensuring both are linked to the same developer account."],["Initiate a cast session from your sender app to the target Cast device to load the Web Receiver and allow the debugger to connect."],["Leverage the Chrome Remote Debugger's console for logging, DOM manipulation, and utilizing the JavaScript REPL for interacting with the running Web Receiver app."],["Remember to disable debug logging in production environments and avoid logging sensitive information."]]],["To debug a Cast app using Chrome Remote Debugger, first register your app and device on the Google Cast SDK Developer Console. Then, start your sender app and cast to the device to load the Web Receiver app. Connect to the device via `chrome://inspect` or directly using `\u003cdevice IP address\u003e:9222`. Select the Web Receiver session to debug and enable debug logging with `cast.framework.CastReceiverContext.getInstance().setLoggerLevel(cast.framework.LoggerLevel.DEBUG);`. Use `debugger;` for breakpoints and `window.location.reload(true);` to flush the cache. Preserve logs between sessions in the settings.\n"]]