HARファイルは、ウェブページのネットワークリクエストに関する情報を含むテキストファイルです。パフォーマンスの問題のトラブルシューティング、JavaScriptのデバッグ、ウェブトラフィックの分析に使用できます。
ウェブブラウザーで開発者ツールを使用して、HARファイルを作成することができます。HARファイルを作成する手順は、お使いのブラウザによって異なります。HARファイルの生成方法については、以下をご参照ください。
Google ChromeでのHARファイルの作成
Windowsユーザー向け
-
Google Chromeを開きます。
-
HARファイルを作成したいウェブページにアクセスします。
-
ページを右クリックして、 [検証]を選択します。
-
開いた開発者ツールで、「ネットワーク」タブをクリックします。
-
「ログを保存」のチェックボックスがオンになっていることを確認します。
-
[録音開始]ボタンをクリックしてください。
-
問題の原因となっているウェブページに移動します。
-
問題が再現できたら、[録画を停止]ボタンをクリックします。
-
ダウンロードボタンを選択します
-
ご希望の場所にファイルを保存します。
Macユーザー向け
-
Google Chromeを開きます。
-
HARファイルを作成したいウェブページにアクセスします。
-
ページを右クリックして、 [検証]を選択します。
-
開いた開発者ツールで、[ネットワーク]タブをクリックします。
-
「キャッシュを無効化」のチェックボックスがオンになっていることを確認します。
-
[録音開始]ボタンをクリックしてください。
-
問題の原因となっているウェブページに移動します。
-
問題が再現できたら、[録画を停止]ボタンをクリックします。
-
下矢印を選択して、HARファイルをエクスポートします
Mozilla FirefoxでのHARファイルの作成
-
Mozilla Firefoxを開きます。
-
HARファイルを作成したいウェブページにアクセスします。
-
[ツール]メニューをクリックし、[ウェブ開発者]を選択します。
-
[ウェブ開発者]メニューで、[ネットワーク]を選択します。
-
「ロギングを有効化」チェックボックスがオンになっていることを確認します。
-
[ロギングを開始]ボタンをクリックします。
-
問題の原因となっているウェブページに移動します。
-
問題が再現できたら、[ロギングを停止]ボタンをクリックします。
-
リスト内のリクエストのいずれかを右クリックし、[HARとしてすべて保存]を選択します。
-
ご希望の場所にファイルを保存します。
Microsoft EdgeでのHARファイルの作成
-
Microsoft Edgeを開きます。
-
HARファイルを作成したいウェブページにアクセスします。
-
ブラウザウィンドウの右上にある縦三点リーダーをクリックし、[その他のツール]を選択します。
-
「その他のツール」メニューで、「開発者ツール」を選択します。
-
開いた開発者ツールで、[ネットワーク]タブをクリックします。
-
「ロギングを有効化」チェックボックスがオンになっていることを確認します。
-
「キャプチャを開始」ボタンをクリックしてね。
-
問題の原因となっているウェブページに移動します。
-
問題が再現できたら、[キャプチャを停止]ボタンをクリックします。
-
リスト内のリクエストのいずれかを右クリックし、[HARとしてすべて保存]を選択します。
-
ご希望の場所にファイルを保存します。
HARファイルの作成が完了したら、テキストエディタまたはウェブ解析ツールで開き、ウェブページのネットワークリクエストに関する情報を表示できます。
SafariでのHARファイルの作成
-
Safariを開きます。
-
HARファイルを作成したいウェブページにアクセスします。
-
[設定]をクリックします
-
[アドバンス]を選択します
-
[ウェブ開発者向け機能の表示]の横にあるチェックボックスをクリックします (その後、ウィンドウを閉じます)
-
メニューの[開発]を選択します
-
[ウェブインスペクターを表示]を選択します
-
[ネットワーク]タブを選択します
-
ケバブメニューを選択します
-
[ログを保存]をクリックします
-
ページを更新してエラーを再現し、Safariがブラウザとウェブサイトの対話を記録できるようにします。
-
ページが読み込まれたら、[ネットワーク]タブのウィンドウの右上にある[エクスポート]をクリックします。
-
ファイルを保存します
-
[コンソール]タブを選択し、エラーを画面キャプチャします