トラブルシューティング用の HAR ファイルを生成する方法は?

A .HAR ファイルは、Web ブラウザと Web サイト間のやり取りを記録するログです。これらの対話には、これら Web サイトの各リソースが含まれており、ログ(.HAR)は、各リソースのロードにかかる時間を指しています。HARは、特定のリソースのロードに他のリソースよりも時間がかかり、パフォーマンスの問題を引き起こす可能性があるかどうかを識別するのに役立ちます。

ブラウザから.HARファイルを取得するには以下の手順に従ってください。

Google Chrome

1) キーボードショートカット CTRL SHIFT i または ⌘オプション i を使って検査を開きます

Screen_Shot_2020-06-15_at_2.57.43_PM.png

2) [ネットワーク]タブに移動し、録音ボタンが赤であることを確認します

Screen_Shot_2020-06-15_at_3.01.21_PM.png

3) ページを更新し、接続タイムアウトエラーが30秒経過するまで読み込みを続けます

Screen_Shot_2020-04-08_at_11.47.52_AM.png

4) 問題を繰り返します。タイムアウトエラーの場合は、ページを再度更新して30秒待ちます。ビデオのプレビュー中に問題が発生した場合は、[プレビュー]をクリックして、エラーメッセージが表示されるのを待ってください。これを行うことで、エラーがHARファイルに正しく記録されます。

image001__2_.png

image001__1_.png

5) 完了したら、コンソールを右クリックして、[すべてをコンテンツ付きのHARとして保存]を選択します

Screen_Shot_2020-04-08_at_11.48.30_AM.png

 

Mozilla Firefox

1) 画面を右クリックして [要素の検査]を選択するか、キーボードショートカット のCTRL SHIFT iまたは⌘オプション iを使って[検査]を開きます。

Screen_Shot_2020-04-08_at_12.02.25_PM.png

2) [ネットワーク]タブに移動します

Screen_Shot_2020-04-08_at_12.02.58_PM.png

3) ページを更新し、接続タイムアウトエラーが30秒経過するまで読み込みを続けます

Screen_Shot_2020-04-08_at_12.03.18_PM.png

4) 問題を繰り返します。タイムアウトエラーの場合は、ページを再度更新して30秒待ちます。ビデオのプレビュー中に問題が発生した場合は、[プレビュー]をクリックして、エラーメッセージが表示されるのを待ってください。これを行うことで、エラーがHARファイルに正しく記録されます。

image001__2_.png

image001__1_.png

5) コンソールを右クリックして、[すべてをHARとして保存]を選択します

Screen_Shot_2020-04-08_at_12.04.28_PM.png

 

Microsoft Edge

1) キーボードショートカット CTRL SHIFT i または ⌘オプション i を使って検査を開きます

Screen_Shot_2020-06-15_at_2.57.43_PM.png

2) [ネットワーク]タブに移動し、録音ボタンが赤であることを確認します

Screen_Shot_2020-06-15_at_3.01.21_PM.png

3) ページを更新して、接続タイムアウトエラーが30秒経過するまで読み込みを続けます

3.jpg

4) 問題を繰り返します。タイムアウトエラーの場合は、ページを再度更新して30秒待ちます。ビデオのプレビュー中に問題が発生した場合は、[プレビュー]をクリックして、エラーメッセージが表示されるのを待ってください。これを行うことで、エラーがHARファイルに正しく記録されます。

image001__2_.png

image001__1_.png

5) コンソールを右クリックして、[すべてをコンテンツ付きのHARとして保存]を選択します

4.jpg

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください