什麼是 HAR 檔案以及如何在不同瀏覽器中錄製

HAR 檔案是一種有關網頁流量的資料壓縮檔案，包含在載入網頁時所有 HTTP 請求與回應的完整資訊。理解什麼是 HAR 以及如何取得它，對於診斷網站載入問題與分析網路協議運作至關重要。此格式被技術支援人員、開發者與性能分析師用來找出網路瓶頸。

現代瀏覽器內建的開發者工具能輕鬆捕捉並匯出這些資料。以下將說明如何在各大瀏覽器中錄製 HAR 檔案。

HAR 格式的主要功能與重要性

在開始錄製 HAR 檔案前，先了解其價值。HAR 檔案詳細記錄每個網路請求的資料大小、伺服器回應時間、使用的協議、請求標頭等資訊。這些資訊在診斷連線問題或頁面載入緩慢時非常重要。

請確保使用最新版本的瀏覽器，以確保資料捕捉的正確性與開發者工具的穩定性。

在 Google Chrome 中錄製 HAR 檔案

1. 開啟 Chrome，載入需要監控的網頁。

2. 點擊右上角的選單（三點圖示），選擇 更多工具 → 開發者工具（或快速鍵 F12）。

3. 切換到 Network（網路）分頁，這裡會顯示所有網路請求。

4. 勾選左上角的 Preserve log（保留記錄）選項，確保切換頁面時資料不會被清除。

5. 注意右側的紅色圓點指示器，代表正在錄製資料。若為黑色，點擊以啟動錄製。

6. 按 F5 或 Ctrl+R 重新載入頁面，開始捕捉所有 HTTP 請求。

7. 完成後，右鍵點擊任意請求，選擇 Save as HAR with content 或點擊 Export HAR 圖示，將檔案儲存到電腦。

在 Firefox 中匯出 HAR

1. 在 Firefox 中打開目標網頁。

2. 按 F12 或從主選單選擇 開發者工具 → 網路。

3. 切換到 Network（網路）分頁。

4. 點擊 Preserve log（保留記錄）以保持資料。

5. 重新載入頁面以開始記錄。

6. 記錄完成後，右鍵點擊請求列表，選擇 Save as HAR with content 或點擊 Export HAR 圖示，下載檔案。

在 Safari 中儲存 HAR

1. 在 Safari 中打開目標網頁。

2. 前往 Safari → 偏好設定 → 進階，勾選 在選單列顯示「開發」選單。

3. 從選單中選擇 開發 → Web 檢查器。

4. 在 資源 分頁中，勾選 保留記錄。

5. 切換到 網路 分頁。

6. 重新載入頁面以開始捕捉。

7. 完成後，選擇所有資料，右鍵點擊並選擇 複製全部為 HAR。

8. 將內容貼入文字檔，存為 .har 副檔名，即完成。

在 Microsoft Edge 中產生 HAR

1. 打開目標網頁。

2. 按 F12 或從選單選擇 更多工具 → 開發者工具。

3. 切換到 Network（網路）分頁。

4. 取消 Clear entries on navigate（導航時清除記錄）選項。

5. 確認 Start profiling session（開始分析會話）按鈕為啟用狀態。

6. 重新載入頁面。

7. 完成後，點擊 Export HAR 儲存檔案。

在 Brave 瀏覽器中取得 HAR

1. 開啟 Brave，載入目標網頁。

2. 按 F12 或從選單選擇 更多工具 → 開發者工具。

3. 切換到 Network（網路）分頁。

4. 勾選 Preserve log。

5. 若左上角的紅色錄製指示器為黑色，點擊啟動。

6. 重新載入頁面。

7. 完成後，右鍵點擊請求列表，選擇 Save as HAR with content 或點擊 Export HAR。

何時以及為何使用 HAR 檔案

HAR 檔案是診斷網站載入問題與性能瓶頸的強大工具。無論使用 Chrome、Firefox、Safari、Edge 或 Brave，流程都大同小異：開啟開發者工具、啟動錄製、刷新頁面、匯出資料。

這些檔案在與技術支援合作或分析連線問題時特別有用。現在你已掌握在各大瀏覽器中取得 HAR 的方法，能專業地進行網路問題診斷。