HARファイルを正しくエクスポートする方法：さまざまなブラウザ向けの詳細なガイド

HARファイル（HTTPアーカイブ）は、ウェブトラフィックの記録を保存する標準フォーマットです。このフォーマットは、ネットワークの問題の診断、ページのパフォーマンス分析、デバッグに必要です。HARファイルのエクスポートは、技術者がページの読み込み時に何が起きているかを迅速に理解するのに役立ちます。ここでは、主要なブラウザでHARファイルを取得する方法をご紹介します。

HARファイルに含まれる内容と使用場所

HARファイルには、ページの読み込み時に発生したすべてのHTTPリクエストとレスポンスの詳細情報が含まれます。サーバーの応答時間、データのサイズ、リクエストヘッダー、クッキーなどの技術的な詳細が記録されています。これにより、接続の問題や遅いサービス、不適切な設定を迅速に特定できます。

Chrome、Firefox、Braveでの共通エクスポート手順

これら3つのブラウザでは、HARファイルのエクスポート手順はほぼ同じです。最新バージョンのブラウザを使用していることを確認してください。

基本手順：

1. 記録したいページを開く
2. 開発者ツールを起動：F12キーを押すか、ブラウザメニューからその他のツール → 開発者ツールを選択
3. **Network（ネットワーク）**タブに切り替える
4. ログ保存モードを有効化：**Preserve log（ログを保持）**にチェックを入れる
5. ページをリロードして、すべてのネットワーク操作を記録開始
6. ページの読み込み後、必要な操作（クリック、スクロール、要素とのインタラクション）を行う
7. ログ内の任意のエントリを右クリックし、Save as HAR with content（内容を含むHARとして保存）を選択、またはExport HARアイコンをクリックしてHARファイルを保存

Google Chromeの左上のNetworkタブに赤い丸が点灯している場合、記録が有効です。黒い丸の場合はクリックして記録を開始してください。

SafariでのHARエクスポート方法

Safariでは、開発者モードを有効にする必要があります。

手順：

1. Safariで記録したいページを開く
2. Safari → 環境設定 → 詳細に進み、メニューバーに"開発"メニューを表示にチェックを入れる
3. メニューバーの開発をクリックし、Webインスペクタを表示を選択
4. 開いたウィンドウのリソースタブを選び、ログを保持にチェック
5. ネットワークタブに切り替える
6. ページをリロードし、すべてのリソースの読み込み完了を待つ
7. ログ内の任意のエントリを右クリックし、すべてをHARとしてコピーを選択
8. テキストエディタに貼り付けて、拡張子**.har**で保存

Microsoft Edge（Chromiumベース）でのHAR作成

EdgeもChromiumエンジンを使用しており、Chromeに似た操作が可能です。

手順：

1. 分析したいページを開く
2. F12キーまたはメニューからその他のツール → 開発者ツールを起動
3. **Network（ネットワーク）**タブに切り替える
4. **Clear entries on navigate（ナビゲーション時にエントリをクリア）**を無効にして、ログを保持
5. **Start Profiling Session（プロファイリングセッション開始）**ボタンが有効になっていることを確認
6. ページをリロードし、必要な操作を行う
7. 終了後、Export HARアイコンをクリックしてファイルを保存

HARファイルの取り扱い上の注意点

第三者にHARファイルを送る前に、機密情報が含まれていないか確認してください。HARファイルには、URLパラメータやヘッダー情報にトークンや個人情報が含まれる場合があります。送信前に内容を確認することを推奨します。

HARファイルのエクスポートは、すべての現代ブラウザで数分で完了します。Chrome、Firefox、Safari、Edge、Braveのいずれを使用しても、基本的な流れは同じです。開発者ツールを開き、Networkタブでログ保存を有効にし、エクスポートすれば、サイトの問題診断に非常に役立つツールとなります。