質問・問題
HARファイルの取得方法について
回答・解決方法
-
HARファイルとは？
Web ブラウザのサイトとのやり取りを記録するための JSON 形式のアーカイブ ファイルです。
HARファイルはHTTP Archive (HAR) File と言い、通常、一つの Web ページを閲覧すると、そのページで使われる各種ファイル（CSS や JS、画像など）に加え、XHR (XMLHttpRequest）を利用した非同期通信に至るまで多くの HTTP 通信が行われます。HARファイルは、このような一連の通信内容のキャプチャをまとめてJSON 形式でエクスポートしたものになります。
HARファイルの目的とは？
Webサイトのパフォーマンスの問題(読み込み時間が遅い、ページレンダリング処理が遅い、リソースが過剰に消費されるなどの問題)やブラウザ内で発生したネットワークリクエストに関する問題などをHARファイルから分析することができ、コンソールログのみで解決できない複雑な問題を分析することができます。
-
HARファイルの取得方法
1. デベロッパーツール（検証モード）を起動
コンソールログと同様、Google Chromeの画面上で右クリック→ 検証 をクリックするか、またはキーボードで Ctrl + Shift + I を押下します。
2. ネットワークタブを表示
表示された枠内で、Network と表示されたタブを探し、クリックします。
先の手順で実際に入室できるかどうかを改めてお試しいただき、出力されたコンソールログを保存いただいていると思いますので、同様に以下のようなデータが表示された状態になっているかと思います。
画面上で右クリックをいただき、その際表示される、Save all as HAR with content という項目を選択し、保存先を指定し、保存します。HARファイルの取得はこれで完了です。
保存されたHARファイルを弊社までお送りいただければ調査が可能となります。