Chrome リモート デバッガ

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

次の手順で、特定の Google Cast デバイスに対して Chrome リモート デバッガを起動します。

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

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

  1. アプリと Google Cast デバイスを登録する Google Cast SDK Developer Console をご利用ください。

    アプリとデバイスの両方が同じデベロッパーに登録されている必要があります。 使用する必要があります。

  2. 送信側アプリを起動して Google Cast デバイスにキャストする デバッグのために Web Receiver アプリを読み込みます。送信元とウェブが 受信機が同じネットワークに接続されています。

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

    1. Chrome インスペクタ

      1. Chrome ブラウザで、アドレスに「 フィールドをクリックして Chrome インスペクタに移動します。

        chrome://inspect
        

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

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

        [Inspector] ウィンドウが開き、 ウェブ受信アプリ。

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

      4. Chrome ブラウザのアドレス フィールドに次のように入力し、 デバッグするデバイスに直接移動できます。こちらのほうが処理が早くなる可能性があります ネットワーク上に多数のデバイスがある場合、Chrome インスペクタよりも

        <device IP address>:9222
        

        デバイスの IP アドレスは、 Google Home アプリで [設定] > [ 情報のセクション。

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

      6. Chrome リモート デバッガに何も表示されない場合は、 アイコンをクリックし、[site settings] を選択します。 設定の一番下までスクロールし、 Insecure content から Allow に変更。

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

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

    完全な DOM 操作と Chrome JavaScript の完全な操作をサポート REPL(コンソール)を使用すると、 実行中の Web Receiver アプリに変更を加える必要もありません。

    Web Receiver が破棄される(ライフサイクル終了)と、デバッガは 上部に警告メッセージが表示されますこの時点で デバッガとやり取りしなくなりましたデバッグを再開するには、 その後、インスペクタを再読み込みしてください。

ブレークポイント

debugger; を使用すると、コードに手動ブレークポイントを追加できます。 Web Receiver コード。

ローカル キャッシュ

window.location.reload(true); を使用して、強制的に再読み込みを行い、 キャッシュに保存します。

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

セッション間でログを保持するには、 [Preserve log afternavigation] の横のチェックボックスをオンにします