簡介
本文檔介紹如何在各種瀏覽器中建立HAR檔案,以捕獲和共用網路活動以進行故障排除。
概觀
如果您在Umbrella中遇到奇怪的UI行為,支援人員可以請求您記錄HAR檔案。HAR檔案是HTTP事務的存檔格式,Web瀏覽器可以使用該格式匯出有關所載入網頁的詳細效能資料。您可以在問題發生時記錄HAR檔案或網路請求日誌,以便為進一步分析提供支援。
警告:HAR檔案包含敏感資訊,包括頁面內容和cookie。有權訪問HAR檔案的任何人都可以模擬您的帳戶並訪問在錄製過程中提交的所有資訊,如個人詳細資訊、密碼或信用卡號。
在Chrome中建立HAR檔案
- 開啟Chrome。
- 導航至選單>更多工具>開發人員工具。
- 在「開發人員工具」視窗中,選擇「網路」頁籤。
- 確認「記錄」按鈕處於活動狀態並且顯示所有型別。
- 如果問題涉及多個網頁或重定向,請選擇保留日誌選項以防止日誌清除。
- 重現需要捕獲的瀏覽器行為。
- 按一下「導出HAR」(Export HAR)下載HAR檔案。
- 將包含內容的檔案另存為HAR到電腦。
- 指定檔名並選擇目標。
- 將此檔案傳送給支援人員。
chrome_preserve_log.png
在邊緣或Internet Explorer中建立HAR檔案
- 開啟Edge或Internet Explorer。
- 選擇...選單,然後選擇F12 Developer Tools。
- 在「開發人員工具」視窗中,選擇「網路」頁籤。
- 確認播放按鈕為灰色,表示正在捕獲資料。
- 如果問題涉及多個網頁或重定向,請取消選擇Clear Entries on redirection以保留日誌。
- 重現需要捕獲的瀏覽器行為。
- 按一下「匯出為HAR」(Export as HAR)儲存檔案。
- 將此檔案傳送給支援人員。
在Firefox中建立HAR檔案
- 開啟Firefox。
- 導覽至Menu > Web Developer > Networkor useCtrl+Shift+E。
Fullscreen_2019-07-16__4_51_PM.png
- 重現需要捕獲的瀏覽器行為。
- 如果問題涉及多個網頁或重定向,請選擇Persist日誌選項以保留所有條目。
- 在網格中按一下右鍵,然後選擇「全部另存為HAR」。
Fullscreen_2019-07-16__4_55_PM.png
- 儲存擷取檔案。
- 將此檔案傳送給支援人員。
在Safari中建立HAR檔案
- 開啟Safari並導航到相關網頁。
- 啟用開發選單:
- 轉至Safari > Preferences > Advanced。
- 選擇選單欄中的「顯示開發」菜單。
Screen_Shot_2022-04-13_at_8.18.10_AM.png
- 選擇「開發」>「顯示Web檢查器」。
- 在「Web檢查器」視窗中,選擇「網路」頁籤。
Screen_Shot_2022-04-13_at_8.21.41_AM.png
- 在Network頁籤中選擇Preserve日誌選項。
Screen_Shot_2022-04-13_at_8.23.45_AM.png
- 載入或複製需要捕獲的頁面行為。
- 按一下「網路」(Network)頁籤視窗右上角的「匯出」(Export)。
Screen_Shot_2022-04-13_at_8.25.27_AM.png
- 儲存HAR檔案。
- 將此檔案傳送給支援人員。