HARファイルおよびログファイルの取得方法

変更日木, 10月 12, 2023 で 2:24 午後

HARファイルとログファイルは、ウェブページが正しく読み込まれない、リクエストが正しく送信されない、またはエラーが発生するなどの問題を特定し、問題解決のために活用します。

本記事ではHARファイルおよびログファイルの取得方法についてご紹介させていただきます。

GoogleChromeの場合

1.問題が発生しているページにアクセスして、問題が発生する前のステップに移動します。

2.そのページにて右クリックし、「検証」をクリックして開発者ツールを起動します。（F12キー押下、ツールバーメニューの「その他のツール」＞「デベロッパーツールでも可能です。）

3.Consoleタブを選択し、「Console setting」＞「Preserve log」を選択します。（Console タブが見つからない場合は「︙」（Customize and control DevTools）＞「More tools」＞「Console 」を選択してください。）

4.Networkタブを選択し、「Preserve Log」を選択します。

5.「Preserve Log 」横の丸い赤のボタン（Stop recording network log）を選択して、次にすぐ横の「Clear network log」ボタンを選択します。（赤のボタンは黒（Record network log ）に変わります。）

6.黒のボタン（Record network log）を選択して、事象を再現します。※画面キャプチャの取得も併せてお願いいたします。

7.事象を再現した後、赤のボタン（Stop recording network log）を選択して、表示されたログ上にて右クリックして「save all as HAR with Content」を選択し、HARファイルを保存します。

---ここからはログファイル取得方法です。上記1~7の手順に続いてそのままご対応下さい。---

8.次に、Consoleタブを選択し、ログ上で右クリックし、「Save as...」を選択します。

9.保存するファイルに「Chrome-console.log」と名付けます。

10.HARファイルとChrome-console.logをお送り下さい。

1.問題が発生しているページにアクセスして、問題が発生する前のステップに移動します。

2.そのページにて右クリックし、「開発者ツールで調査する」を選択してMicrosoft Edge DevToolsを起動します。（F12キー押下　または、「…」（設定など）＞「その他のツール」＞「開発者ツール」を選択でも可能です。）

3.コンソールタブを選択し、「ログの保持」を選択します。（コンソールタブが見つからない場合は「︙」（DevToolsのカスタマイズと制御）＞「コンソールドロワーを表示にする」＞コンソールタブを選択し、「コンソールの設定」を選択してから、「ログの保持」を選択します。）

4.ネットワークタブを選択し、「ログの保持」を選択します。（ネットワークタブが見つからない場合は「︙」（DevToolsのカスタマイズと制御）＞「その他のツール」＞「ネットワーク」を選択してから、「ログの保持」を選択します。）

5.「ログの保持」横の丸い赤のボタン（ネットワークログの記録を停止する）を選択して、次にすぐ横の「ネットワークログのクリア」ボタンを選択します。（赤のボタンは黒（ネットワークログの記録）に変わります。）

6.黒のボタン（ネットワークログの記録）を選択して、事象を再現します。※画面キャプチャの取得も併せてお願いいたします。

7.事象を再現した後、赤のボタン（ネットワークログの記録を停止する）を選択します。

8.表示されたログ上にて右クリックして「コンテンツを含むすべてをHARとして保存する」を選択し、HARファイルを保存します。（下矢印のボタン（HARをエクスポートしています）を選択でも可能です。）

---ここからはログファイル取得方法です。上記1~8の手順に続いてそのままご対応下さい。---

9.次に、コンソールタブをクリックします。

10.コンソールタブのログ上で右クリックし、「名前を付けて保存」を選択します。

11.保存するファイルに「Microsoft-Edge-console.log」と名付けます。

12.HARファイルとMicrosoft-Edge-console.logをお送り下さい。

前項の通り、お使いのブラウザよりHARファイルおよびログファイルを取得後、発生しているエラーの内容（画面キャプチャなど）と取得したファイルを併せて弊社サポート窓口までお問い合わせください。

本件に関してご不明点がある場合は、弊社サポートセンター（https://orangeone.freshdesk.com/support/home）までご連絡下さい。