生成HAR檔案以捕獲瀏覽器網路活動

簡介

本文檔介紹生成HTTP存檔(HAR)檔案以捕獲瀏覽器網路活動。

問題

當排除Cisco Umbrella控制面板中的意外UI行為、效能問題或錯誤時，支援人員需要瀏覽器與伺服器之間網路互動的詳細日誌。

環境

• 產品：思科資安防護傘
• 工具：Web瀏覽器(Chrome、Edge、Firefox、Safari)
• 格式： HTTP存檔(HAR)檔案

警告：HAR檔案包含敏感資訊，包括頁面內容和cookie。有權訪問HAR檔案的任何人都可以模擬您的帳戶並訪問在錄製過程中提交的所有資訊，如個人詳細資訊、密碼或信用卡號。

必要條件

• 確定重現問題所需的具體步驟。
• 確保您擁有訪問瀏覽器開發者工具的管理許可權。

在Chrome中建立HAR檔案

1. 開啟Chrome。
2. 導航到選單>更多工具>開發人員工具。
3. 在Developer Tools視窗中，選擇Network 頁籤。
4. 確認「記錄」按鈕處於活動狀態並且顯示所有型別。
5. 如果問題涉及多個網頁或重定向，請選擇保留日誌選項以防止日誌清除。
6. 重現需要捕獲的瀏覽器行為。
7. 按一下Export HAR下載HAR檔案。
8. 將包含內容的檔案另存為HAR到電腦。
9. 指定檔名並選擇目標。
10. 將此檔案傳送給支援人員。

chrome_preserve_log.png

在邊緣或Internet Explorer中建立HAR檔案

1. 開啟Edge或Internet Explorer。
2. 選擇... 選單，然後選擇F12 Developer Tools。
3. 在Developer Tools視窗中，選擇Network 頁籤。
4. 確認播放按鈕為灰色，表示正在捕獲資料。
5. 如果問題涉及多個網頁或重定向，請取消選擇Clear Entries on redirect以保留日誌。
6. 重現需要捕獲的瀏覽器行為。
7. 按一下「Export as HAR」以儲存檔案。
8. 將此檔案傳送給支援人員。

在Firefox中建立HAR檔案

1. 開啟Firefox。
2. 導航到選單> Web開發人員>網路或使用Ctrl+Shift+E。
   Fullscreen_2019-07-16__4_51_PM.png
3. 重現需要捕獲的瀏覽器行為。
4. 如果問題涉及多個網頁或重新定向，請選擇Persist Logs選項以保留所有條目。
5. 在網格中按一下右鍵，然後選擇「全部另存為HAR」。
   Fullscreen_2019-07-16__4_55_PM.png
6. 儲存擷取檔案。
7. 將此檔案傳送給支援人員。

在Safari中建立HAR檔案

1. 開啟Safari並導航到相關網頁。
2. 啟用開發選單：
   • 轉到Safari > Preferences > Advanced。
   • 在選單欄中選擇「顯示開發」選單。
     Screen_Shot_2022-04-13_at_8.18.10_AM.png
3. 選擇「開發」>「顯示Web檢查器」。
4. 在「Web檢查器」視窗中，選擇網路頁籤。
   Screen_Shot_2022-04-13_at_8.21.41_AM.png
5. 在Network頁籤中選擇Preserve log選項。
   Screen_Shot_2022-04-13_at_8.23.45_AM.png
6. 載入或複製需要捕獲的頁面行為。
7. 在「Network」頁籤視窗的右上角，按一下Export。
   Screen_Shot_2022-04-13_at_8.25.27_AM.png
8. 儲存HAR檔案。
9. 將此檔案傳送給支援人員。