如何產生 HAR 檔案

適用於企業和團隊。

適用於

Adobe 團隊和企業客戶。

用途

如果您為了排解疑難而需要關於客戶瀏覽器中網絡請求的詳細資訊,則產生 HAR 檔案將很有幫助。本文章可協助您了解如何在 Chrome、Firefox、Edge 和 Safari 中產生 HAR 檔案。

註解:

以下螢幕擷圖顯示在焦點模式中的 DevTools 及垂直活動列。根據您的設定,您的設定配置可能會有所不同。若需要更多資訊,請參閱「使用焦點模式簡化 DevTools」

Google Chrome

以下步驟顯示如何在 Google Chrome 中使用開發人員工具。若要了解詳細資訊,請參閱「Chrome DevTools」。

  1. 在 Chrome 瀏覽器中,導覽至出現問題之前的步驟。

  2. 按 F12 啟動開發人員工具。您也可以從「更多工具 > 開發人員工具」下的工具列選單中啟動這些工具。

  3. 依預設,瀏覽器僅保留目前載入之頁面的追蹤資訊。設定以下選項,以便瀏覽器保留所有追蹤資訊,即使您的重現步驟需要前往多個頁面也一樣:

    1. 選取「控制台」標籤,選取「控制台」設定,然後選取「保留記錄」。

    2. 選取「網路」標籤,然後選取「保留記錄」。

  4. 在「網路」標籤上,選取「停止記錄網路記錄」和「清除」。

  5. 選取「記錄網路記錄」,然後在瀏覽器中重現問題。

    您將看到類似下影像的工作階段輸出。

  6. 重現意外行為後,選取「停止記錄網路記錄」,然後選取「匯出 HAR」並儲存檔案。

  7. 返回瀏覽器開發人員工具窗格,選取「控制台」標籤。以滑鼠右鍵按一下其中一個訊息,然後選取「另存為...」,並將控制台輸出儲存到文字檔案。

  8. 將瀏覽器追蹤 HAR 檔案和控制台輸出封裝為壓縮格式 (例如 .zip)。

  9. 將壓縮檔案附加至支援服務單中。

Safari

以下步驟顯示如何在 Mac 的 Apple Safari 中使用開發人員工具。若要了解更多資訊,請參閱「Safari 開發人員工具概述」。

  1. 在 Safari 中啟用開發人員工具:

    1. 選擇 Safari,然後選取「偏好設定」。

    2. 選取「進階」標籤,然後選取選單列中的「顯示開發人員選單」。

  2. 在瀏覽器中,瀏覽至出現問題之前的步驟。

  3. 選取「開發」,然後選取「顯示 Web 檢查器」。

  4. 依預設,瀏覽器僅保留目前載入之頁面的追蹤資訊。設定以下選項,以便瀏覽器保留所有追蹤資訊,即使您的重現步驟需要前往多個頁面也一樣:

    1. 選取「控制台」標籤,然後選取「保留記錄」。

    2. 選取「網路」標籤,然後選取「保留記錄」。

  5. 在「網路」標籤上,選取「清除網路項目」。

  6. 在瀏覽器中重現問題。您將看到類似下影像的工作階段輸出。

  7. 重現意外行為後,選取「匯出」並儲存檔案。

  8. 返回瀏覽器開發人員工具窗格,選取「控制台」標籤並展開視窗。將游標放置在控制台輸出的開頭,然後拖曳並選取輸出的全部內容。使用 Command-C 複製輸出並將儲存至文字檔案。

  9. 將瀏覽器追蹤 HAR 檔案、控制台輸出和螢幕錄製檔案封裝為壓縮格式 (例如 .zip)。

  10.  

    將壓縮檔案附加至支援服務單中。

     

Firefox

以下步驟顯示如何在 Firefox 中使用開發人員工具。如需詳細資訊,請參閱「Firefox 開發人員工具」。

  1. 在瀏覽器中,瀏覽至出現問題之前的步驟。

  2. 按 F12 啟動開發人員工具。您也可以從「更多工具 > 開發人員工具」下的工具列選單中啟動這些工具。

  3. 依預設,瀏覽器僅保留目前載入之頁面的追蹤資訊。設定以下選項,以便瀏覽器保留所有追蹤資訊,即使您的重現步驟需要前往多個頁面也一樣:

    1. 選取「控制台」標籤,選取「設定」圖示,然後選取「保留記錄」。

    2. 選取「網路」標籤,選取「設定」圖示,然後選取「保留記錄」。

  4. 在「網路」標籤上,選取「清除」。

  5. 在瀏覽器中重現問題。您將看到類似下影像的工作階段輸出。

  6. 重現意外行為後,選取「全部另存為 HAR」。

  7. 返回瀏覽器開發人員工具窗格,選取「控制台」標籤。以滑鼠右鍵按一下其中一個訊息,然後選取「將所有訊息儲存至檔案」,並將控制台輸出儲存至文字檔案。

  8. 將瀏覽器追蹤 HAR 檔案、控制台輸出和螢幕錄製檔案封裝為壓縮格式 (例如 .zip)。

  9. 將壓縮檔案附加至支援服務單中。

Microsoft Edge

以下步驟顯示如何在 Microsoft Edge 中使用開發人員工具。若要了解更多資訊,請參閱「Microsoft Edge DevTools」。

  1. 在瀏覽器中,瀏覽至出現問題之前的步驟。

  2. 按 F12 啟動 Microsoft Edge DevTools。您也可以從「更多工具 > 開發人員工具」下的工具列選單中啟動這些工具。

  3. 依預設,瀏覽器僅保留目前載入之頁面的追蹤資訊。設定以下選項,以便瀏覽器保留所有追蹤資訊,即使您的重現步驟需要前往多個頁面也一樣。

    1. 選取「控制台」標籤,選取「控制台」設定,然後選取「保留記錄」。

    2. 選取「網路」標籤。如果看不見該標籤,請按一下「更多工具 (+)」按鈕並選取「網路」。然後,從「網路」標籤,選取「保留記錄」。

  4. 在「網路」標籤上,選取「停止記錄網路記錄」和「清除」。

  5. 選取「記錄網路記錄」,然後在瀏覽器中重現問題。

    您將看到類似下影像的工作階段輸出。

  6. 重現意外入口網站行為後,選取「停止記錄網路記錄」,然後選取「匯出 HAR」並儲存檔案。

  7. 返回瀏覽器開發人員工具窗格,選取「控制台」標籤。以滑鼠右鍵按一下其中一個訊息,然後選取「另存為...」,並將控制台輸出儲存到文字檔案。

  8. 將瀏覽器追蹤 HAR 檔案、控制台輸出和螢幕錄製檔案封裝為壓縮格式 (例如 .zip)。

  9. 將壓縮檔案附加至支援服務單中。

Adobe, Inc.

更快、更輕鬆地獲得協助

新的使用者?

在本頁面上

Google Chrome

Safari

Firefox

Edge