ネットワーク ログの作成

このトピックでは、Chrome ブラウザからネットワーク ログを作成して保存する方法を学びます。これはサポートチームと連携して作業する際に必要になることがあり、彼らからログの送付を求められる場合があります。

ビデオ概要

次のビデオでは、Chrome ブラウザからネットワーク ログを作成する手順を示しています。ネットワーク ログは HTTP Archive (HAR) ファイルとして保存されます。これは、ウェブ ブラウザとサイトとのやり取りを記録するために使用される JSON 形式のアーカイブ ファイルです。

ここで説明する手順は、再生の問題を診断するためにネットワーク ログを作成する方法を示していますが、他にも(たとえば動画やメディア アセットのアップロードの問題など)ネットワーク ログが役立つケースがあります。

開発者ツールを開いたら、発生している問題を最初から完全に再現してください。(そのためにページを再読み込みする必要がある場合があります。)

たとえば再生に問題がある場合は、開発者ツールを開いてからプレーヤーを含むページを再読み込みし、再生の問題が発生するまで待ちます。

アップロードに問題がある場合は、開発者ツールを開いてからアップロードを開始し、失敗または完了するまで待ちます。

開発者ツールは、問題の再現前、再現中、再現後のすべてのタイミングで開いておく必要があります。

このビデオの後には、再生に関する問題のネットワーク ログを作成する手順がステップごとに説明されています。

Chrome でネットワーク ログを作成する

以下の手順では、Chrome を使用してネットワークログを作成する方法を説明します。

  1. Chrome ブラウザのウィンドウまたはタブを開き、右クリックします。その後、検証を選択します。
    右クリック
    右クリック
  2. パネル内の ネットワーク タブをクリックします。
    ネットワーク
  3. ネットワーク
  4. 問題を再現するために、ブラウザで 再読み込み をクリックし、HTTP トラフィックのキャプチャを開始します。
    再読み込み
  5. トラブルシューティング対象の Brightcove プレーヤーを含むページの URL をブラウザのアドレスバーに貼り付け、Enter キーを押してページを読み込みます。ネットワーク タブにはすぐにネットワークトラフィックが表示されます。
  6. ダウンロード をクリックします。ダウンロードボタンにカーソルを合わせると エクスポート HAR と表示されます。
    保存
    保存
  7. ファイルに名前を付けて保存し、適切なサポート担当者に送信します。

Firefox でネットワーク ログを作成する

以下の手順では、Firefox を使用してネットワーク ログを作成する方法を説明します。

  1. Firefox ブラウザのウィンドウまたはタブを開きます。
  2. ブラウザのキャッシュ情報がネットワーク ログに影響しないように、まず閲覧データをクリアします。この処理を開始するには、オプション メニュー(三本線)から 設定 を選択し、続いて プライバシーとセキュリティ を選択します。
    Firefox の設定
  3. スクロールして Cookie とサイトデータ の右側にある データを消去 をクリックします。
    Firefox キャッシュを消去
  4. 設定 タブを閉じます。
  5. ブラウザの オプション メニューから その他のツール、次に ウェブ開発ツール、そして ネットワーク を選択します。
    Network オプションの選択
  6. トラブルシューティング対象の Brightcove プレーヤーを含むページの URL をブラウザのアドレスバーに貼り付け、Enter キーを押してページを読み込みます。ネットワーク タブにすぐにネットワーク トラフィックが表示されます。
  7. プレーヤーで動画再生時のネットワーク トラフィックが必要な場合は、動画を再生します。
  8. 必要なネットワーク トラフィックを取得したら、トラフィック エリアで右クリックし、すべてを HAR として保存 オプションを選択します。
    HAR として保存
  9. ファイルを保存し、適切なサポート担当者に送信します。

Safari で HAR ファイルを生成する

以下の手順では、Safari を使用して HAR (.HAR) ファイルを生成する方法を説明します。

  1. Safari ブラウザのウィンドウまたはタブを開きます。
  2. ブラウザのキャッシュ情報がネットワーク ログに影響しないように、まず閲覧データをクリアします。上部メニューに 開発 メニューが表示されていない場合は、Safari メニューから Safari を選択し、次に 設定 を選択します。
  3. 設定ダイアログで 詳細 を選択し、ウェブ開発者向けの機能を表示 を選択します。
    Safari 開発メニュー
  4. Safari メニューバーから 開発 を選択し、キャッシュを空にする を選択します。
  5. トラブルシューティング対象の Brightcove プレーヤーを含むページの URL をブラウザのアドレスバーに貼り付け、Enter キーを押してページを読み込みます。
  6. Safari メニューバーから 開発 を選択し、Web インスペクタを表示 を選択します。
    Web インスペクタ
  7. Web インスペクタで ネットワーク タブを選択します。
  8. ブラウザでページを再読み込みします。ネットワーク タブにすぐにネットワーク トラフィックが表示されます。
  9. プレーヤーで動画再生時のネットワーク トラフィックが必要な場合は、動画を再生します。
  10. 必要なネットワーク トラフィックを取得したら、エクスポート をクリックして HAR ファイルを生成します。
    HAR ファイルをダウンロード
  11. ファイルを保存します。このファイルには、サポート担当者が問題解決に必要とするネットワーク情報が含まれない場合があります。