Chrome リモート デバッガを使用して、キャスト アプリケーションをデバッグする。
特定の Google Cast デバイスの Chrome リモート デバッガを次のように起動します。
Android TV デバイスでキャスト アプリをデバッグするには、Android TV: デバッグをご覧ください。
Google Cast デバイスでウェブ レシーバー アプリをデバッグする手順は次のとおりです。
Google Cast SDK Developer Console で、アプリと Google Cast デバイスを登録します。
デバッグを行うには、アプリとデバイスの両方が同じデベロッパー アカウントに登録されている必要があります。
センダー アプリを起動して Google Cast デバイスにキャストし、ウェブレシーバー アプリを読み込んでデバッグします。送信者とウェブ受信デバイスが同じネットワークに接続されていることを確認します。
リモート デバッグのためにデバイスに接続する方法は 2 つあります。
Chrome インスペクタ
Chrome ブラウザのアドレス フィールドに次のように入力して、Chrome インスペクタに移動します。
chrome://inspect
そのネットワーク上のキャスト対応デバイスのリストが表示されます。
デバッグするウェブレシーバー アプリのデバイスを選択するには、
Inspect
リンクをクリックします。インスペクタ ウィンドウが開き、Web Receiver アプリをリモートでデバッグできるようになります。
デバイスの 9222 ポートに直接接続する
Chrome ブラウザのアドレス フィールドに次のように入力して、デバッグするデバイスに直接移動します。ネットワークに多くのデバイスがある場合は、Chrome インスペクタよりも速い場合があります。
<device IP address>:9222
デバイスの IP アドレスは、Google Home アプリでデバイスを選択し、設定に移動して [情報] セクションで確認できます。
デバッグするセッションの
Remote Debugging
リンクをクリックして選択します。Chrome リモート デバッガが表示されない場合は、アドレスバーの左側にあるアイコンを選択し、
site settings
を選択します。設定の一番下までスクロールし、Insecure content
の設定をAllow
に変更します。
Chrome リモート デバッガ コンソールで、次のコマンドを入力してデバッグ ロギングを有効にします。
cast.framework.CastReceiverContext.getInstance().setLoggerLevel(cast.framework.LoggerLevel.DEBUG);
完全な DOM 操作と、実行中のウェブレシーバー アプリを操作できる完全な Chrome JavaScript REPL(console)がサポートされています。
ウェブ レシーバーが破棄されると(ライフサイクルが終了すると)、デバッガは無効になり、上部に警告メッセージが表示されます。この時点で、デバッガを操作できなくなります。デバッグを再開するには、ウェブレシーバー アプリを再起動してから、インスペクタを再読み込みする必要があります。
ブレークポイント
ウェブ レシーバー コード内で debugger;
を使用して、手動ブレークポイントをコードに追加できます。
ローカル キャッシュ
window.location.reload(true);
を使用して強制再読み込みを行い、ウェブレシーバー アプリケーションのキャッシュをフラッシュします。
セッション間でログを保持する
セッション間でログを保持するには、デバッガ内の歯車アイコンをクリックし、[ナビゲーション時にログを保持] の横にあるチェックボックスをオンにします。