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

為了排除技術問題和錯誤訊息，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）核取方塊。

7. 重現您遇到的問題或重新載入發生錯誤的頁面。
   
8. 重現問題且Network 索引標籤載入所有內容後，按一下Network 面板頂部動作列中的Export HAR (sanitized)... 圖示。
9. 儲存 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 中，按一下選取儲存。

5. 儲存主控台記錄檔。

記錄追蹤（僅適用於 Chrome）

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