Webブラウザから、HARファイルやコンソールログを取得する方法をおしえてください
ブラウザごとに操作が異なるので、ご利用のブラウザを選択してください。
Google Chrome
- Google Chrome を開き、問題発生前の画面に移動します。
- ブラウザの右上にある三点リーダーを選択し、「その他のツール」>「デベロッパー ツール」を選択します。
- 「デベロッパー ツール」で「Network」タブを選択します。
- 「Preserve log」および「Disable cache」オプションを選択します。
- 記録は自動で開始され、「Network」タブの左上に赤い●が表示されます。もし表示されていない場合は、ブラウザのアクティビティの記録を開始するために黒い●をクリックします。
- 現在表示されている Web ページで問題を再現します。
- 問題を再現後、赤い●をクリックして、トレースを終了します。
- 「ネットワーク」タブの中で右クリックし、記録したアクティビティのコピーを保存するために「Save all HAR with content」を選択します。
- HAR ファイルを適当な場所に保存します。
- もし同時にコンソールログも取得する場合は、「Console」タブを選択し、コンソールログ内の任意の場所で右クリックし、「Save as...」を選択して、ログファイルに適当な名前を付けます。
- 「デベロッパー ツール」のウィンドウを閉じます。
Firefox
- Firefox を開き、問題発生前の画面に移動します。
- ブラウザの右上にあるハンバーガーメニューを選択し、「その他のツール」>「ウェブ開発ツール」を選択します。（Firefox のバージョンによっては、「Web 開発」>「ネットワーク」を選択します。）
- 「開発者ツール」で「Network」タブを選択します。
- 「ネットワーク設定」（ツールバーの歯車アイコン）の「永続ログ」オプションを選択し、また、ツールバーの「キャッシュを無効化」オプションを選択します。
- 記録はブラウザによって自動で開始されます。
- 現在表示されている Web ページで問題を再現します。
- 問題を再現後、「ネットワーク」タブの中ですべてのアクティビティを生成後（数秒）、「ネットワーク設定」から「HAR 形式ですべて保存」を選択します。
- HAR ファイルを適当な場所に保存します。
- もし同時にコンソールログも取得する場合は、「コンソール」タブを選択し、コンソールログ内の任意の場所で右クリックし、「表示メッセージをエクスポート:」>「ファイル」を選択して、ログファイルに適当な名前を付けます。
- 「開発者ツール」のウィンドウを閉じます。
Microsoft Edge
- Microsoft Edge を開き、問題発生前の画面に移動します。
- キーボードから F12 キーを選択して、Edge の開発者ツールを開きます。もし、開かない場合は、ブラウザの「...」メニューから「その他のツール」>「開発者ツール」を選択します。
- 「開発者ツール」で「ネットワーク」タブを選択します。
- ツールバーの「ログの保持」および「キャッシュを無効にする」オプションを選択します。
- 記録は自動で開始され、「ネットワーク」タブの左上に赤い●が表示されます。もし表示されていない場合は、ブラウザのアクティビティの記録を開始するために黒い●をクリックします。
- 現在表示されている Web ページで問題を再現します。
- 問題を再現後、赤い●をクリックして、トレースを終了します。
- 「ネットワーク」タブの中で右クリックし、記録したアクティビティのコピーを保存するために「内容を含む HAR としてすべてを保存する」を選択します。
- HAR ファイルを適当な場所に保存します。
- もし同時にコンソールログも取得する場合は、「コンソール」タブを選択し、コンソールログ内の任意の場所で右クリックし、「名前をつけて保存...」を選択して、ログファイルに適当な名前を付けます。
- 「開発者ツール」のウィンドウを閉じます。
Internet Explorer 11
- Internet Explorer で、問題発生前の画面に移動します。
- キーボードから F12 キーを選択して、IE の開発者ツールを開きます。もし、開かない場合は、ブラウザの「ツール」メニューから「F12開発者ツール」を選択します。
- 「開発者ツール」ウィンドウ内で、「ネットワーク」タブを選択します。
- ツールバーの「ナビゲーション時にエントリをクリア」アイコンをオフにし、「常にサーバーから更新する」アイコンを選択します。
- 記録は自動で開始され、「ネットワーク」タブの左上に赤い■が表示されます。もし開始されていない場合は、ブラウザのアクティビティの記録を開始するために緑の▶をクリックします。
- 現在表示されている Web ページで問題を再現します。
- 問題を再現後、赤い■をクリックして、トレースを終了します。
- 「HAR としてエクスポート」アイコンを選択し、HAR ファイルを適当な場所に保存します。
IE11のバージョンが古いブラウザでは、エクスポート時にHAR形式では保存できない場合があります。その場合、「CSV」と「XML」の両方の形式でそれぞれ保存します。 - もし同時にコンソールログも取得する場合は、「コンソール」タブを選択し、コンソールログ内の任意の場所で右クリックし、「すべてコピー」を選択して、テキストエディタに貼り付けて保存します。
- 「開発者ツール」のウィンドウを閉じます。