知識庫

收集 HAR 檔案以進行故障排除

作者:HubSpot Support | Jun 10, 2025 9:15:14 AM

為了排除技術問題和錯誤訊息,HubSpot 的支援團隊可能會要求您記錄HAR 檔案追蹤控制台日誌。HAR 檔會捕捉瀏覽器與 HubSpot 之間的網路活動,提供更深入的網站載入與資料傳輸資訊。控制台日誌有助於調查 HubSpot 中沒有錯誤訊息的意外行為。 在 Chrome 瀏覽器中可用的追蹤,提供瀏覽器動作的詳細記錄。透過提供這些檔案,您可以為我們的支援團隊提供寶貴的資訊,以診斷載入緩慢或錯誤等問題。本文概述在各種瀏覽器中記錄 HAR 檔案、在 Chrome 瀏覽器中記錄追蹤,以及儲存控制台日誌的步驟。

請注意:在匯出 HAR 檔案時,建議您使用 HAR sanitizer 工具或在文字編輯器中手動移除任何敏感資料,對 HAR 檔案進行消毒以移除敏感資料。

何時使用 HAR 檔案、主控台日誌和追蹤

提供 HAR 檔案、主控台日誌和追蹤記錄可協助 HubSpot 支援診斷下列問題:

  • 緩慢的載入時間。
  • 特定頁面上的錯誤。
  • HubSpot 工具的意外行為。

記錄 HAR 檔案

記錄 HAR 檔案的步驟依您使用的瀏覽器略有不同。

Google 瀏覽器

  1. 在 Chrome 瀏覽器中,導覽到發生問題的頁面。
  2. 按一下右上角的三個豎點圖示
  3. 導覽至更多工具>開發者工具
  4. 按一下網路索引標籤。
  5. 確保「記錄」按鈕為紅色。如果是灰色,請按一下開始錄影。
  6. 在頂端,選取Preserve log(保留記錄 )和Disable cache(停用快取)核取方塊。
    • 如果問題發生在彈出視窗 (例如驗證彈出視窗),請按一下網路索引標籤右上角的settings 設定圖示
    • 向下捲動到Global(全局 部分,然後選擇Auto-open DevTools for popups(自動開啟彈出視窗的 DevTools)核取方塊。
  1. 重現您遇到的問題或重新載入發生錯誤的頁面。
  2. 重現問題且Network 索引標籤載入所有內容後,按一下Network 面板頂部動作列中的Export HAR (sanitized)... 圖示。
  3. 儲存 HAR 檔案。


Mozilla Firefox

請注意:Firefox 預設不對 HAR 檔案進行消毒。建議您使用 HAR sanitizer 工具或在文字編輯器中手動移除任何敏感資料,以清除 HAR 檔案的敏感資料。

  1. 在 Firefox 中,導覽到發生問題的頁面。
  2. 按一下右上角的三條橫線圖示
  3. 導覽至更多工具>Web 開發者工具
  4. 按一下網路索引標籤。
  5. 選取Disable Cache(停用快取)核取方塊。
  6. 按一下網路索引標籤右上角的settings 設定圖示,然後按一下Persist Logs。
  7. 按一下左側的delete 垃圾桶圖示,移除網路索引標籤中已顯示的任何日誌。
  8. 重現您遇到的問題或重新載入發生錯誤的頁面。
  9. 重現問題且網路索引標籤載入所有內容後,請在其中一個請求上按一下滑鼠右鍵,然後選擇全部儲存為 HAR
  10. 儲存 HAR 檔案。

微軟邊緣

  1. 在 Edge 中, 導覽到出現問題的頁面。
  2. 按一下右上角的三個橫點圖示
  3. 導覽至更多工具>開發者工具
  4. 按一下網路索引標籤。
  5. 確保「記錄」按鈕為紅色。如果是灰色,請按一下開始錄影。
  6. 在頂端,選取Preserve log(保留記錄 )和Disable cache(停用快取)核取方塊。
  7. 重現您遇到的問題或重新載入發生錯誤的頁面。
  8. 重現問題且網路索引標籤載入所有內容後,按一下網路面板頂端的動作列中的Export HAR (sanitized)... 圖示。
  9. 儲存 HAR 檔案。

Safari

請注意:Safari 預設不對 HAR 檔案進行消毒。建議您使用 HAR sanitizer 工具或在文字編輯器中手動移除任何敏感資料,以清除 HAR 檔案中的敏感資料。

  1. 在 Safari 中,導覽到發生問題的頁面。
  2. 在左上方,按一下Safari>設定>進階
  3. 選取Show features for web developers(顯示 Web 開發人員功能)核取方塊。
  4. 在頁面的頂部列中,按一下開發>顯示網頁檢閱器
  5. 按一下網路索引標籤。
  6. 按一下右側的delete 垃圾桶圖示,以移除網路索引標籤中已顯示的任何記錄。
  7. 選取停用快取核取方塊。
  8. 重現您遇到的問題或重新載入發生錯誤的頁面。
  9. 重現問題且網路索引標籤載入所有內容後,按一下匯出
  10. 儲存 HAR 檔案。

儲存主控台記錄

  1. 在瀏覽器中,導覽到發生問題的頁面。
  2. 在頁面上按一下滑鼠右鍵,然後按一下Inspect(檢視)
  3. 按一下控制台索引標籤。
  4. 在控制台日誌內按一下滑鼠右鍵。
    • 在 Google Chrome 和 Microsoft Edge 中,按一下另存新檔
    • 在 Mozilla Firefox 中,按一下將所有訊息儲存至檔案
    • 在 Safari 中,按一下選取儲存。
  1. 儲存主控台記錄檔。


記錄追蹤(僅適用於 Chrome)

  1. 在 Chrome 瀏覽器中,在搜尋列輸入example.com/cdn-cgi/trace,並以您的網域名稱取代example.com
  2. 複製資訊並將其與 HAR 檔案一併新增至您的支援票單。