Chrome 遠端偵錯工具

使用 Chrome 遠端偵錯工具對 Cast 應用程式進行偵錯。

請按照下列步驟啟動特定 Google Cast 裝置的 Chrome 遠端偵錯工具:

如要對 Android TV 裝置上的 Cast 應用程式進行偵錯,請參閱「Android TV:偵錯」一文。

如要在 Google Cast 裝置上對 Web Receiver 應用程式進行偵錯,請執行下列操作:

  1. 透過 Google Cast SDK Developer Console 註冊您的應用程式和 Google Cast 裝置。

    應用程式和裝置都必須註冊到相同的開發人員帳戶,才能執行偵錯作業。

  2. 啟動 sender 應用程式並投放到 Google Cast 裝置,以便載入 Web Receiver 應用程式進行偵錯。確認寄件者和網路接收器裝置已連上同一個網路。

  3. 你可以透過下列兩種方式連線至裝置進行遠端偵錯:

    1. Chrome 檢查器

      1. 請在 Chrome 瀏覽器的位址欄位,在 Chrome 檢查器中輸入以下內容:

        chrome://inspect
        

        系統隨即會顯示該網路的支援 Cast 的裝置清單。

      2. 按一下要偵錯的 Web Receiver 應用程式,按一下該裝置的 Inspect 連結即可。

        系統隨即會開啟檢查器視窗,讓您從遠端對 Web Receiver 應用程式進行偵錯。

      3. 直接導向裝置的 9222 通訊埠

      4. 請在 Chrome 瀏覽器的位址欄位中輸入以下內容,以直接進入您要偵錯的裝置。如果您的網路上有許多裝置,這可能比 Chrome 檢查器更快:

        <device IP address>:9222
        

        如要尋找裝置 IP 位址,請在 Google Home 應用程式中選取所需裝置,前往設定,然後在「資訊」部分中查看。

      5. 按一下要偵錯的工作階段,按一下其 Remote Debugging 連結。

      6. 如果 Chrome 遠端偵錯工具未填入,請選取網址列左側的圖示,然後選取 site settings。 捲動至設定底部,並將 Insecure content 的設定變更為 Allow

  4. 在 Chrome Remote Debugger 主控台中,輸入以下內容來啟用偵錯記錄功能:

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

    系統支援完整的 DOM 操控以及完整的 Chrome JavaScript REPL (控制台),方便您調整執行中的 Web Receiver 應用程式。

    如果 Web Receiver 即將終止 (生命週期結束),偵錯工具就會變成閒置狀態,並在上方顯示警告訊息。此時,您無法再與偵錯工具互動。如要重新啟動偵錯功能,您必須重新啟動 Web Receiver 應用程式,然後重新載入檢查器。

中斷點

您可以在 Web Receiver 程式碼中使用 debugger;,在程式碼中加入手動中斷點。

本機快取

使用 window.location.reload(true); 執行強制重新載入 Web Receiver 應用程式的快取。

在工作階段之間保留記錄檔

如要保留工作階段之間的記錄,請按一下偵錯工具內的齒輪圖示,然後勾選「瀏覽時保留記錄」旁邊的方塊。