概要

ネットワークトラフィックの活用

取得方法

Microsoft Edge の場合

1. Microsoft Edge を起動し、[…] → [その他のツール] → [開発者ツール] を開きます。(F12を押下することでも開けます。)
2. 開発者ツールの [ネットワーク] タブを開きます。
3. ネットワーク タブにて、[ネットワークログの記録] が有効化されていること(タブの左側に赤い丸のアイコンが表示)、[ログの保持] と [キャッシュを無効にする] にチェックが入っていることを確認します。
4. 問題が再現する操作を行う直前に、[ネットワーク ログ のクリア] をクリックし、再現操作前のログをクリアしておきます。
5. 問題が再現する操作を実施します。
6. 【保存方法】 [HARをエクスポートしています...] をクリックし、ネットワークログのファイルである har ファイルを名前を付けて保存します。
   (トラフィックが表示されているテーブルを右クリック → [コンテンツを含むすべてを HAR として保存する] からでも保存が可能です。)

Google Chrome の場合

1. Google Chrome を起動し、[︙] → [その他のツール] → [デベロッパー ツール] を開きます。(F12を押下することでも開けます。)
2. デベロッパー ツールの [Network] タブを開きます。
3. Network タブにて、[Record network log] が有効化されていること(タブの左側に赤い丸のアイコンが表示)、[Preserve log] と [Disable cache] にチェックが入っていることを確認します。
4. 問題が再現する操作を行う直前に、[Clear network log] をクリックし、再現操作前のログをクリアしておきます。
5. 問題が再現する操作を実施します。
6. 【保存方法】 [Export HAR...] をクリックし、ネットワークログのファイルである har ファイルを名前を付けて保存します。
   (トラフィックが表示されているテーブルを右クリック → [Save all as HAR with content] からでも保存が可能です。)

Mozilla Firefox の場合

1. Mozilla Firefox を起動し、[≡] → [その他のツール] → [ウェブ 開発ツール] を開きます。(F12を押下することでも開けます。)
2. ウェブ 開発ツールの [ネットワーク] タブを開きます。
3. ネットワーク タブにて、ネットワーク ログの記録が有効化されていること(タブに [ll] の停止アイコンが表示)、[永続ログ] と [キャッシュを無効化] にチェックが入っていることを確認します。
4. 問題が再現する操作を行う直前に、[消去] (ゴミ箱マーク)をクリックし、再現操作前のログをクリアしておきます。
5. 問題が再現する操作を実施します。
6. 【保存方法】 [HAR 形式ですべて保存] をクリックし、ネットワークログのファイルである har ファイルを名前を付けて保存します。
   (トラフィックが表示されているテーブルを右クリック → [HAR 形式ですべて保存] からでも保存が可能です。)

Safari (macOS) の場合

1. Safari を起動し、[Safari] メニュー → [環境設定] を開きます。
2. [詳細] タブの [メニューバーに"開発"メニューを表示] にチェックを入れます。
3. [開発] メニューから [Web インスペクタを表示] をクリックします。
4. Web インスペクタの [ネットワーク] タブを開きます。
5. ネットワーク タブにて、[ログを保持]、[キャッシュを無効にする] にチェックが入っていることを確認します。
6. 問題が再現する操作を行う直前に、[ネットワーク項目を消去] (ゴミ箱マーク)をクリックし、再現操作前のログをクリアしておきます。
7. 問題が再現する操作を実施します。
8. 【保存方法】[書き出す] をクリックし、ネットワークログのファイルである har ファイルを名前を付けて保存します。