Debugger remoto di Chrome

Utilizza il debugger remoto di Chrome per eseguire il debug di un'applicazione di trasmissione.

Avvia Debug remoto di Chrome per un determinato dispositivo Google Cast come segue:

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

Per eseguire il debug di un'app Web Receiver sui dispositivi Google Cast:

  1. Registra la tua applicazione e il dispositivo Google Cast nella Google Cast SDK Developer Console.

    Per poter eseguire il debug, sia l'applicazione sia il dispositivo devono essere registrati allo stesso account sviluppatore.

  2. Avvia l'app sender e trasmetti al dispositivo Google Cast per caricare l'app Web Receiver per il debug. Assicurati che i dispositivi di invio e di ricezione web siano connessi alla stessa rete.

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

    1. Chrome Inspector

      1. Nel browser Chrome, inserisci quanto segue nel campo dell'indirizzo per accedere all'ispezione di Chrome:

        chrome://inspect
        

        Viene visualizzato un elenco di dispositivi compatibili con Google Cast sulla rete.

      2. Seleziona il dispositivo per l'app Web Receiver che vuoi eseguire il debug facendo clic sul relativo link Inspect.

        Dovrebbe aprirsi una finestra di ispezione che ti consente di eseguire il debug remoto dell'app Web Receiver.

    2. Direttamente alla porta 9222 del dispositivo

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

        <device IP address>:9222
        

        L'indirizzo IP del dispositivo è disponibile selezionando il dispositivo nell'app Google Home, andando alle impostazioni e cercando nella sezione Informazioni.

      2. Seleziona la sessione da eseguire il debug facendo clic sul relativo linkRemote Debugging.

      3. Se lo strumento di debug remoto di Chrome non viene visualizzato, seleziona l'icona a sinistra della barra degli indirizzi e seleziona site settings. Scorri fino in fondo alle impostazioni e modifica l'impostazione per Insecure content in Allow.

  4. Nella console di Debug remoto di Chrome, attiva la registrazione di log di debug inserendo quanto segue:

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

    È supportata la manipolazione completa del DOM, nonché la REPL (console) JavaScript di Chrome completa, che ti consentirà di modificare l'app Web Receiver in esecuzione.

    Quando il ricevitore web viene smantellato (ciclo di vita terminato), il debugger diventa inattivo e nella parte superiore viene visualizzato un messaggio di avviso. A questo punto non puoi più interagire con il debugger. Per riavviare il debug, devi riavviare l'app Web Receiver e ricaricare l'inspector.

Punti di interruzione

Puoi aggiungere breakpoint manuali al codice utilizzando debugger; all'interno del codice del ricevitore web.

Memorizzazione nella cache locale

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

Preservare i log tra le sessioni

Puoi conservare i log tra le sessioni facendo clic sull'icona a forma di ingranaggio all'interno del debugger e selezionando la casella accanto a "Conserva log durante la navigazione".