Chrome リモート デバッガ

Chrome リモート デバッガを使用して、キャスト アプリケーションをデバッグする。

注意: リモート デバッガを長時間接続したままにすると、ウェブリシーバーのリソースが枯渇し、エラーが発生する可能性があります。

注: ファームウェア バージョン 1.49 を搭載した第 2 世代と第 3 世代の Chromecast デバイスでは、Chrome リモート デバッガを使用してキャスト セッションをデバッグできない場合があります。chrome://inspect にアプリが表示されない場合は、別の Cast デバイスを試すか、Cast デバッグ ロガーを使用してください。

特定の Google Cast デバイスの Chrome リモート デバッガを次のように起動します。

Android TV デバイスでキャスト アプリをデバッグするには、Android TV: デバッグをご覧ください。

Google Cast デバイスでウェブ レシーバー アプリをデバッグする手順は次のとおりです。

1. Google Cast SDK Developer Console で、アプリと Google Cast デバイスを登録します。

   注: デバイスのシリアル番号は、Google Cast SDK Developer Console に移動して、タブをデバイスにキャストすることで確認できます。

   デバッグを行うには、アプリとデバイスの両方が同じデベロッパー アカウントに登録されている必要があります。

2. センダー アプリを起動して Google Cast デバイスにキャストし、ウェブレシーバー アプリを読み込んでデバッグします。送信者とウェブ受信デバイスが同じネットワークに接続されていることを確認します。

   重要: この手順をスキップすると、デバッグは機能しません。

3. リモート デバッグのためにデバイスに接続する方法は 2 つあります。

   1. Chrome インスペクタ

      1. Chrome ブラウザのアドレス フィールドに次のように入力して、Chrome インスペクタに移動します。

         chrome://inspect
         

         そのネットワーク上のキャスト対応デバイスのリストが表示されます。

      2. デバッグするウェブレシーバー アプリのデバイスを選択するには、Inspect リンクをクリックします。

         インスペクタ ウィンドウが開き、Web Receiver アプリをリモートでデバッグできるようになります。

   2. デバイスの 9222 ポートに直接接続する

      1. Chrome ブラウザのアドレス フィールドに次のように入力して、デバッグするデバイスに直接移動します。ネットワークに多くのデバイスがある場合は、Chrome インスペクタよりも速い場合があります。

         <device IP address>:9222
         

         デバイスの IP アドレスは、Google Home アプリでデバイスを選択し、設定に移動して [情報] セクションで確認できます。

      2. デバッグするセッションの Remote Debugging リンクをクリックして選択します。

      3. Chrome リモート デバッガが表示されない場合は、アドレスバーの左側にあるアイコンを選択し、site settings を選択します。設定の一番下までスクロールし、Insecure content の設定を Allow に変更します。

4. Chrome リモート デバッガ コンソールで、次のコマンドを入力してデバッグ ロギングを有効にします。

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

   警告: 本番環境では常にデバッグ ロギングを無効にし、個人を特定できる情報をロギングしないでください。

   完全な DOM 操作と、実行中のウェブレシーバー アプリを操作できる完全な Chrome JavaScript REPL（console）がサポートされています。

   ウェブ レシーバーが破棄されると（ライフサイクルが終了すると）、デバッガは無効になり、上部に警告メッセージが表示されます。この時点で、デバッガを操作できなくなります。デバッグを再開するには、ウェブレシーバー アプリを再起動してから、インスペクタを再読み込みする必要があります。

ブレークポイント

ウェブ レシーバー コード内で debugger; を使用して、手動ブレークポイントをコードに追加できます。

ローカル キャッシュ

window.location.reload(true); を使用して強制再読み込みを行い、ウェブレシーバー アプリケーションのキャッシュをフラッシュします。

セッション間でログを保持する

セッション間でログを保持するには、デバッガ内の歯車アイコンをクリックし、[ナビゲーション時にログを保持] の横にあるチェックボックスをオンにします。

注: Cast デバイスでストリーミングを再生できない場合は、CORS に問題がある可能性があります。一般公開されている CORS プロキシ サーバーを使用してストリームをテストします。（ここで言及しているサードパーティ ソフトウェアは Google によって管理されていないことにご注意ください。Google は、サードパーティ製ソフトウェアが意図したとおりに動作することを保証できません。慎重にご対応ください）。