HARファイルとは、ブラウズ中にウェブブラウザーが行った全てのネットワーク要求と応答を記録したものです。HARファイルは、NBA.comのご利用時に予期せず発生する技術的な問題を診断する際に役立つため、開発チームはトラブルシューティングの際にHARファイルの提供をお願いすることがあります。
一般的なブラウザーでHARファイルを生成する手順はこちらです。
Chrome
- 問題が発生しているページにアクセスします。
- ブラウザーウィンドウの右上にあるChromeメニュー(⋮)を開き、[その他のツール]→[デベロッパー ツール]を選択します。デベロッパー ツールは、Chromeの横または下にドッキングされたパネルとして開きます。
- [Network]タブをクリックします。[Preserve log]を選択します。
- 記録が自動的に始まり、[Network]タブの左上に赤色の丸が表示されます。表示されない場合は、黒色の丸をクリックしてブラウザーのアクティビティ記録を開始し、表示されているページを更新してください。目的は、Google Chromeがアクティビティを記録している間に発生している問題を再現することです。
- 録画中にその問題が発生したら、上部パネルの右側にあるダウンロードアイコンを選択し、HARログをダウンロードして保存します。
Firefox
- 問題が発生しているページにアクセスします。
- ブラウザーウィンドウの右上にあるFirefoxメニュー(3本の横線)を選択し、[その他のツール]→[ウェブ開発ツール]を選択します。ウェブ開発ツールは、Firefoxの横または下にドッキングされたパネルとして開きます。
- [ネットワーク]タブをクリックします。キャプチャを始める前に[永続ログ]を有効にします。このオプションは、[ウェブ開発ツール]ツールバーの歯車アイコンをクリックすると表示されます。
- ブラウザーで操作を始めると、記録が自動的に始まります。始まらない場合は、今のページを更新します。目的は、Safariがアクティビティを記録している間に発生している問題を再現することです。
- 問題を再現し、開発者ネットワークパネルで全てのアクションが生成されたことを確認したら、[ファイル]列の任意の場所を右クリックし、[HAR 形式ですべて保存]をクリックします。
Safari
- 問題が発生しているページにアクセスします。
- [開発]メニューを選択し、[Webインスペクタを接続]を選択します。
- [Network]タブをクリックします。
- ブラウザーで操作を始めると、記録が自動的に始まります。始まらない場合は、今のページを更新します。目的は、Safariがアクティビティを記録している間に発生している問題を再現することです。
- 問題を再現したら、[エクスポート]アイコンをクリックし、HARファイルを保存します。
Edge
- 問題が発生しているページにアクセスします。
- Edgeメニュー(⋮)を選択し、[その他のツール]→[開発者ツール]を選択します。
- [Network]タブをクリックします。
- ブラウザーで操作を始めると、記録が自動的に始まります。始まらない場合は、今のページを更新します。目的は、Edgeがアクティビティを記録している間に発生している問題を再現することです。
- 問題を再現できたら、[Network]タブ内で右クリックし、[Save all as HAR]を選択します。