如何生成用於故障排除的 HAR 檔案?

.HAR 檔案是記錄網頁瀏覽器和網站間互動的日誌。這類互動包含這些網站上載入的各資源,而日誌 (.HAR) 會測量每個資源載入所需的時間。這種 .HAR 檔案可是別特定資源的載入時間是否比其他資源要長,且是否可能導致性能上的問題。

若要取得瀏覽器中的 .HAR 檔案,請按照以下說明進行操作。

Google Chrome

1) 利用鍵盤快捷鍵 CTRL SHIFT i ⌘ Option i 來開啟檢視功能

Screen_Shot_2020-06-15_at_2.57.43_PM.png

2) 前往網路分頁,並確認錄製按鈕為紅色

Screen_Shot_2020-06-15_at_3.01.21_PM.png

3) 重新整理頁面,持續載入連線逾時錯誤頁面達 30 秒

Screen_Shot_2020-04-08_at_11.47.52_AM.png

4) 重複此問題。若為逾時錯誤,請再次重新整理頁面並靜待 30 秒。預覽影片時若碰到問題,請點擊預覽並等待錯誤訊息顯示。這樣操作的話,可確保該錯誤妥善記錄於 HAR 檔案中。

image001__2_.png

image001__1_.png

5) 完成後,在主控台上點擊滑鼠右鍵並選取將所有內容儲存於 HAR

Screen_Shot_2020-04-08_at_11.48.30_AM.png

 

Mozilla Firefox

1) 在畫面上點擊滑鼠右鍵並選取檢視元素,或者使用鍵盤快捷鍵 CTRL SHIFT i 或°⌘ Option i 來開啟檢視功能

Screen_Shot_2020-04-08_at_12.02.25_PM.png

2) 前往網路分頁

Screen_Shot_2020-04-08_at_12.02.58_PM.png

3) 重新整理頁面,持續載入連線逾時錯誤頁面達 30 秒

Screen_Shot_2020-04-08_at_12.03.18_PM.png

4) 重複此問題。若為逾時錯誤,請再次重新整理頁面並靜待 30 秒。預覽影片時若碰到問題,請點擊預覽並等待錯誤訊息顯示。這樣操作的話,可確保該錯誤妥善記錄於 HAR 檔案中。

image001__2_.png

image001__1_.png

5) 在主控台上點擊滑鼠右鍵,並選取將所有內容另存為 HAR

Screen_Shot_2020-04-08_at_12.04.28_PM.png

 

Microsoft Edge

1) 利用鍵盤快捷鍵 CTRL SHIFT i ⌘ Option i 來開啟檢視功能

Screen_Shot_2020-06-15_at_2.57.43_PM.png

2) 前往網路分頁,並確認錄製按鈕為紅色

Screen_Shot_2020-06-15_at_3.01.21_PM.png

3) 重新整理頁面,持續載入連線逾時錯誤頁面達 30 秒

3.jpg

4) 重複此問題。若為逾時錯誤,請再次重新整理頁面並靜待 30 秒。預覽影片時若碰到問題,請點擊預覽並等待錯誤訊息顯示。這樣操作的話,可確保該錯誤妥善記錄於 HAR 檔案中。

image001__2_.png

image001__1_.png

5) 在主控台上點擊滑鼠右鍵,並選取將所有內容另存為 HAR

4.jpg

這篇文章是否有幫助?
0 人中有 0 人覺得有幫助
還有其他問題?提交請求