La aplicación y el dispositivo deben estar registrados para el mismo desarrollador.
para realizar la depuración.
Inicia la app del remitente y transmite el contenido al dispositivo Google Cast
para cargar la app del receptor web para la depuración. Asegúrate de que el sitio web y el remitente
Los dispositivos receptores están conectados a la misma red.
Hay dos maneras de conectarte a tu dispositivo para realizar una depuración remota:
Inspector de Chrome
En el navegador Chrome, ingresa lo siguiente en la dirección
para ir al inspector de Chrome:
chrome://inspect
Aparecerá una lista de dispositivos compatibles con Cast en esa red.
Selecciona el dispositivo para la app del receptor web que deseas depurar
haciendo clic en el vínculo Inspect.
Se abrirá una ventana del inspector que te permitirá depurar de forma remota el archivo
App receptora web.
Directamente al puerto 9222 del dispositivo
En el navegador Chrome, ingresa lo siguiente en el campo de la dirección para
Dirígete al dispositivo que estás depurando directamente. 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 busca
Información.
Para seleccionar la sesión que deseas depurar, haz clic en su
Vínculo de Remote Debugging.
Si el depurador remoto de Chrome no se propaga, selecciona
a la izquierda de la barra de direcciones y selecciona site settings.
Desplázate hasta el final de la configuración y cambia la configuración de
De Insecure content a Allow.
En la consola de Chrome Remote Debugger, habilita el registro de depuración ingresando el
lo siguiente:
Se admite la manipulación completa del DOM y el JavaScript de Chrome completo.
REPL (console), que te permitirá
para jugar con la app del receptor web en ejecución.
Cuando se desactiva tu receptor web (finaliza el ciclo de vida), el depurador
se inactiva con un mensaje de advertencia en la parte superior. En este punto, puedes
ya no interactuarán con el depurador. Para reiniciar la depuración, debes reiniciar
la app del receptor web y, luego, vuelve a cargar el inspector.
Puntos de interrupción
Puedes agregar puntos de interrupción manuales a tu código usando debugger; en tu
Código del receptor web
Almacenamiento en caché local
Usa window.location.reload(true); para realizar una recarga forzada que vaciar la
caché de la aplicación del receptor web.
Conserva registros entre sesiones
Puedes preservar los registros entre sesiones haciendo clic en el ícono de ajustes dentro del
y marca la casilla junto a "Preserve log on 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: 2024-08-21 (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"]]