Chrome Remote Debugger

Mit Sammlungen den Überblick behalten Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.

Verwenden Sie den Chrome Remote Debugger, um eine Streaming-Anwendung zu debuggen.

So starten Sie den Chrome Remote Debugger für ein bestimmtes Google Cast-Gerät:

Informationen zum Debuggen von Streaming-Apps auf einem Android TV-Gerät findest du unter Android TV: Debugging.

So debuggst du eine Web Receiver App auf Google Cast-Geräten:

1. Registrieren Sie Ihre Anwendung und Ihr Google Cast-Gerät in der Google Cast SDK Developer Console.

   Sowohl die Anwendung als auch das Gerät müssen mit demselben Entwicklerkonto registriert sein, damit Sie die Fehlerbehebung durchführen können.

2. Starte die Sender-App und streame auf das Google Cast-Gerät, um die Web-Empfänger-App zum Debuggen zu laden. Achten Sie darauf, dass der Sender und der Webempfänger mit demselben Netzwerk verbunden sind.

3. Es gibt zwei Möglichkeiten, eine Verbindung zu Ihrem Gerät für das Remote-Debugging herzustellen:

   1. Chrome-Prüftool

      1. Geben Sie im Chrome-Browser Folgendes in das Adressfeld ein, um den Chrome-Inspektor aufzurufen:

         chrome://inspect
         

         Daraufhin wird eine Liste der für Google Cast optimierten Geräte in diesem Netzwerk angezeigt.

      2. Wähle das Gerät für die Web Receiver App aus, die du debuggen möchtest, indem du auf den Link Inspect klickst.

         Daraufhin sollte ein Prüffenster geöffnet werden, mit dem du die Web Receiver App aus der Ferne debuggen kannst.

   2. Direkt an den Port 9222 des Geräts

      1. Geben Sie im Chrome-Browser Folgendes in das Adressfeld ein, um direkt zum Gerät zu wechseln, das Sie debuggen. Das ist möglicherweise schneller als der Chrome-Prüftool, wenn Sie viele Geräte in Ihrem Netzwerk haben:

         <device IP address>:9222
         

         Die IP-Adresse des Geräts finden Sie, indem Sie es in der Google Home App auswählen, die Einstellungen aufrufen und im Bereich „Informationen“ nachsehen.

      2. Wählen Sie die Sitzung aus, die Sie debuggen möchten, indem Sie auf den Link Remote Debugging daneben klicken.

      3. Wenn der Chrome Remote Debugger nicht angezeigt wird, klicken Sie auf das Symbol links neben der Adressleiste und wählen Sie site settings aus. Scrollen Sie in den Einstellungen nach unten und ändern Sie die Einstellung für Insecure content in Allow.

4. Aktivieren Sie in der Chrome Remote Debugger-Konsole die Fehlerbehebungsprotokollierung. Geben Sie dazu Folgendes ein:

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

   Die vollständige DOM-Manipulation sowie die vollständige Chrome-JavaScript-REPL (console) werden unterstützt. So kannst du die laufende Web Receiver App anpassen.

   Wenn der Webreceiver entfernt wird (Zyklus beendet), wird der Debugger inaktiv und oben wird eine Warnmeldung angezeigt. Sie können dann nicht mehr mit dem Debugger interagieren. Wenn Sie das Debuggen neu starten möchten, müssen Sie die Web Receiver App neu starten und dann den Inspector aktualisieren.

Haltepunkte

Du kannst deinem Code manuelle Haltestellen hinzufügen, indem du debugger; in den Web-Empfängercode einfügst.

Lokales Caching

Mit window.location.reload(true); kannst du eine erzwungene Aktualisierung ausführen, bei der der Cache der Web-Empfängeranwendung geleert wird.

Protokolle zwischen Sitzungen beibehalten

Sie können die Protokolle zwischen den Sitzungen beibehalten, indem Sie im Debugger auf das Zahnradsymbol klicken und das Kästchen neben „Preserve log upon navigation“ (Protokoll bei Navigation beibehalten) anklicken.