概要
各Webブラウザにおいて、トラブルシューティングに使用するHARデータ(ネットワークログ)を取得する手順について説明します。
注意事項
- 本記事の内容は 2026 年 8 月時点での製品仕様に基づき作成しており、予告なく変更される場合があります。
- 本記事の仕様は各ブラウザの仕様に基づいているため、仕様変更により項目名等が異なる場合があります。
手順
Google Chrome
- PCでGoogle Chromeを開きます。
- HARデータを取得したいWebページを開きます。
- ページ内の任意の場所を右クリックし、コンテキストメニューから[検証]を選択します。
- Chromeの開発者ツールが開くので、[ネットワーク]タブを開いてください。
- 開発者ツールの左上にある[記録]ボタン(小さな円)が灰色の場合、クリックします。
ネットワークリクエストの記録中を示す赤色になります。 - Webページを操作し、事象を再現させます。
- 事象の再現後、開発者ツールの[停止]ボタン(小さな四角)をクリックし、ネットワークアクティビティの記録を停止します。
- [ネットワーク]タブ内で、取得したネットワークリクエストとデータを確認できます。
- ツールバーの[HARをエクスポート](ダウンロードボタン)をクリックします。
任意の保存先を選択し、適切なファイル名を付けて保存してください。
Mozilla Firefox
- PCでMozilla Firefoxを開きます。
- HARデータを取得したいWebページを開きます。
- ページ内の任意の場所を右クリックし、コンテキストメニューから[調査]を選択します。
- Firefoxの開発者ツールが開くので、[ネットワーク]タブを開いてください。
※記録は自動的に開始されます。 - Webページを操作し、事象を再現させます。
- [ネットワーク]タブ内の任意の場所を右クリックし、[HAR形式ですべて保存]を選択します。
任意の保存先を選択し、適切なファイル名を付けて保存してください。
Microsoft Edge
- PCでMicrosoft Edgeを開きます。
- HARデータを取得したいWebページを開きます。
- ページ内の任意の場所を右クリックし、コンテキストメニューから[開発者ツールで調査する]を選択します。
- Edgeの開発者ツールが開くので、[ネットワーク]タブを開いてください。
※ない場合、+ボタンから[ネットワーク]を開けます。 - 開発者ツールの左上にある[記録]ボタン(小さな円)が灰色の場合、クリックします。
ネットワークリクエストの記録中を示す赤色になります。 - Webページを操作し、事象を再現させます。
- 事象の再現後、開発者ツールの[停止]ボタン(小さな四角)をクリックし、ネットワークアクティビティの記録を停止します。
- [ネットワーク]タブ内で、取得したネットワークリクエストとデータを確認できます。
- [ネットワーク]タブ内の下矢印(ダウンロードボタン)をクリックします。
任意の保存先を選択し、適切なファイル名を付けて保存してください。