ブラウザのネットワークトレースを HAR ファイルに保存する

Products

• Endpoint Security
• Endpoint Security Complete

Issue/Introduction

ブラウザで HTTP アーカイブ (HAR) ファイルを生成し、ブラウザと Web サイトのやりとりを記録したい。

Resolution

下記のリンクをクリックすると、それぞれのブラウザの説明が表示されます。

• Chrome
• Firefox
• Microsoft Edge

 

Chrome:

1.  以下のいずれかの方法でデベロッパーツールを起動します。
   • キーボードショートカット: 
     • Windows: F12
     • OS X: Cmd + Opt + i
     • Linux: Ctrl + Shift + J
   • Chrome メニュー:
     1. ブラウザウィンドウの右上にある、3 つの黒丸をクリックします。
     2. [その他のツール] を選択します。
     3. [デベロッパーツール] を選択します。
2. デベロッパーツールの [ネットワーク] タブに移動します。
3. [キャッシュを無効化] オプションをチェックし、このページのリソースのキャッシュを無効にします。
4. [ログを保持] オプションをチェックして、ブラウザが新しいページに移動したときにログを保存します。
5. 左上隅にある円を確認し、記録が有効になっていることを確認します。
   • 赤色の場合は、記録は有効です。
   • 黒色の場合は、円をクリックして記録を開始します。
6. ページを更新して、ブラウザとサーバー間のトラフィックのキャプチャを開始します。
   • トラブルシューティングしている問題の前に行われたリクエストを確認できるように、完全なページロードをキャプチャしてください。
7. 問題を再現します。
8. データテーブル欄を右クリックして [コンテンツと一緒に HAR としてすべて保存] を選択し、HAR ファイルを保存します。

Firefox:

1. 以下のいずれかの方法でデベロッパーツールを起動します。
   • キーボードショートカット:
     • Windowsの場合 Ctrl + Shift + E
     • OS Xの場合 Cmd + Opt + E
     • リナックス Ctrl + Shift + E
   • Firefox メニュー:
     1. ブラウザの右上にある ≡ をクリックします。
     2. [その他のツール] - [Web 開発ツール] を選択します。
     3. [ネットワーク] を選択します。
2. [キャッシュを無効化] オプションをチェックし、この特定のページのリソースのキャッシュを無効にします。
3. 歯車マークをクリックして [永続ログ] を選択し、ブラウザが新しいページに移動したときに、収集したログを保持します。
4. 左上隅にあるアイコンを調べて、ツールが記録されていることを確認します。
   • 2 本の縦線 (一時停止マーク) の場合は、記録中です。
   • 右向きの青い矢印 (再生マーク) の場合は、クリックすると記録が開始されます。
5. ブラウザとサーバー間のトラフィックのキャプチャを開始するには、ページを更新してください。
   • トラブルシューティングしている問題の前に行われたリクエストを確認できるように、完全なページロードをキャプチャしてください。
6. 問題を再現します。
7. データテーブル欄を右クリックして [HAR 形式ですべて保存] を選択し、HAR ファイルを保存します。

Microsoft Edge:

1. 以下のいずれかの方法でデベロッパーツールを起動します。
   • キーボードショートカット: F12
   • Edge メニュー:
     1. ブラウザウィンドウの右上にある、3 つの黒丸をクリックします。
     2. [その他のツール] を選択します。
     3. [開発者ツール] を選択します。
2. ＋ を押して [ネットワーク] を選択します。
3. [キャッシュを無効にする] オプションをチェックし、このページのリソースのキャッシュを無効にします。
4. [ログの保持] オプションをチェックして、ブラウザが新しいページに移動したときにログを保存します。
5. 左上隅にある円を確認し、記録が有効になっていることを確認します。
   
   • 赤色の場合は、記録は有効です。
   • 黒色の場合は、円をクリックして記録を開始します。
6. ページを更新して、ブラウザとサーバー間のトラフィックのキャプチャを開始します。
   • トラブルシューティングしている問題の前に行われたリクエストを確認できるように、完全なページロードをキャプチャしてください。
7. 問題を再現します。
8. データテーブル欄を右クリックして [コンテンツを含むすべてを HAR として保存する] を選択し、HAR ファイルを保存します。