Debugger remoto di Chrome

Utilizza Chrome Remote Debugger per eseguire il debug di un'applicazione Cast.

Avvia Chrome Remote Debugger per un determinato dispositivo Google Cast nel seguente modo:

Per eseguire il debug delle app di trasmissione su un dispositivo Android TV, consulta la pagina Android TV: debug.

Per eseguire il debug di un'app Ricevitore web sui dispositivi Google Cast, procedi nel seguente modo:

  1. Registra la tua applicazione e il dispositivo Google Cast nella Console per gli sviluppatori dell'SDK Google Cast.

    Sia l'applicazione sia il dispositivo devono essere registrati nello stesso account sviluppatore per poter eseguire il debug.

  2. Avvia la tua app mittente e trasmettila al dispositivo Google Cast per caricare l'app Ricevitore web per il debug. Assicurati che i dispositivi del mittente e del destinatario del Web siano connessi alla stessa rete.

  3. Esistono due modi per connetterti al tuo dispositivo per il debug remoto:

    1. Strumento di controllo di Chrome

      1. Nel browser Chrome, inserisci quanto segue nel campo dell'indirizzo per andare a Chrome Inspector:

        chrome://inspect
        

        Viene visualizzato un elenco dei dispositivi compatibili con Google Cast su quella rete.

      2. Seleziona il dispositivo per l'app Ricevitore web di cui vuoi eseguire il debug facendo clic sul link Inspect.

        Dovrebbe aprirsi una finestra di controllo, che ti consente di eseguire il debug dell'app Ricevitore web da remoto.

      3. Direttamente alla porta 9222 del dispositivo

      4. Nel browser Chrome, inserisci quanto segue nel campo dell'indirizzo per accedere direttamente al dispositivo di cui esegui il debug. Questa operazione potrebbe essere più rapida rispetto a Chrome Inspector se hai molti dispositivi in rete:

        <device IP address>:9222
        

        Puoi trovare l'indirizzo IP del dispositivo selezionandolo nell'app Google Home, andando alle impostazioni e cercando nella sezione Informazioni.

      5. Seleziona la sessione di cui vuoi eseguire il debug facendo clic sul relativo link Remote Debugging.

      6. Se il debugger remoto di Chrome non viene completato, seleziona l'icona a sinistra della barra degli indirizzi e seleziona site settings. Scorri fino alla parte inferiore delle impostazioni e modifica l'impostazione per Insecure content in Allow.

  4. Nella console di Chrome Remote Debugger, attiva il logging di debug, inserendo quanto segue:

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

    Sono supportate la manipolazione completa del DOM e la replica JavaScript completa di Chrome (console), che ti consente di armeggiare con l'app Ricevitore web in esecuzione.

    Quando il ricevitore web viene smesso (ciclo di vita terminato), il debugger diventerà inattivo con un messaggio di avviso in alto. A questo punto non puoi più interagire con il debugger. Per riavviare il debug, devi riavviare l'app Web Receiver e ricaricare lo strumento di controllo.

Punti di interruzione

Puoi aggiungere punti di interruzione manuali al tuo codice utilizzando debugger; all'interno del codice del ricevitore web.

Memorizzazione nella cache locale

Usa window.location.reload(true); per eseguire un ricaricamento forzato che svuota la cache dell'applicazione Web Receiver.

Conservazione dei log tra le sessioni

Puoi conservare i log tra le sessioni facendo clic sull'icona a forma di ingranaggio nel debugger e selezionando la casella accanto a "Conserva log al momento della navigazione".