Débogueur à distance Chrome

Utiliser le débogueur à distance de Chrome pour déboguer une application Cast

Lancez Chrome Remote Debugger pour un appareil Google Cast spécifique comme suit:

Pour déboguer des applications Cast sur un appareil Android TV, consultez Débogage d'Android TV.

Pour déboguer une application Récepteur Web sur les appareils Google Cast, procédez comme suit:

  1. Enregistrez votre application et votre appareil Google Cast dans la console développeur du SDK Google Cast.

    L'application et l'appareil doivent être enregistrés pour que vous puissiez procéder au débogage.

  2. Démarrez l'application expéditeur et castez du contenu sur l'appareil Google Cast afin de charger l'application Web Receiver pour le débogage. Assurez-vous que vos émetteurs et vos récepteurs Web sont connectés au même réseau.

  3. Il existe deux façons de se connecter à votre appareil pour le débogage à distance:

    1. Chrome Inspector

      1. Dans le navigateur Chrome, saisissez ce qui suit dans le champ d'adresse pour accéder à l'inspecteur Chrome:

        chrome://inspect
        

        La liste des appareils compatibles Cast de ce réseau s'affiche.

      2. Sélectionnez l'appareil de l'application Web Receiver que vous souhaitez déboguer en cliquant sur son lien Inspect.

        Une fenêtre d'inspection devrait s'ouvrir, ce qui vous permet de déboguer à distance l'application Web Receiver.

      3. Directement sur le port 9222 de l'appareil

      4. Dans le navigateur Chrome, saisissez ce qui suit dans le champ d'adresse pour accéder à l'appareil que vous déboguez directement. Cela peut être plus rapide que Chrome Inspector si votre réseau comporte de nombreux appareils:

        <device IP address>:9222
        

        Pour trouver l'adresse IP de l'appareil, sélectionnez-le dans l'application Google Home, accédez aux paramètres et consultez la section "Informations".

      5. Sélectionnez la session que vous souhaitez déboguer en cliquant sur son lien Remote Debugging.

      6. Si le débogueur à distance de Chrome ne se remplit pas, sélectionnez l'icône à gauche de la barre d'adresse et sélectionnez site settings. Faites défiler la page jusqu'en bas des paramètres et remplacez le paramètre Insecure content par Allow.

  4. Dans la console du débogueur à distance de Chrome, activez la journalisation du débogage en saisissant la commande suivante:

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

    La manipulation complète du DOM est compatible avec le REPL JavaScript complet de Chrome (console), ce qui vous permet de manipuler l'application Récepteur Web en cours d'exécution.

    Lorsque votre récepteur Web est détruit (cycle de vie terminé), le débogueur devient inactif et affiche un message d'avertissement en haut. À ce stade, vous ne pouvez plus interagir avec le débogueur. Pour redémarrer le débogage, vous devez redémarrer l'application Web Receiver, puis actualiser l'inspecteur.

Points d'arrêt

Vous pouvez ajouter des points d'arrêt manuels à votre code en utilisant debugger; dans le code du récepteur Web.

Mise en cache locale

Utilisez window.location.reload(true); pour effectuer une actualisation forcée qui vide le cache de l'application du récepteur Web.

Conserver les journaux entre les sessions

Vous pouvez conserver les journaux entre les sessions en cliquant sur l'icône en forme de roue dentée dans le débogueur et en cochant la case "Conserver le journal lors de la navigation".