Andy's blog

If you always do what you've always done, you'll always get what you've always got.

0%

2020-09-28-看鐵人賽學Debug-Network篇

今天學習認識Chrome面板中的NetWork,文章內容整理自[Day 15] Network - Overview & Settings


參考資料:
[Day 15] Network - Overview & Settings


整理筆記如下

  1. 預設Network Log會按照執行順序排列
  2. Preserve log用來保留Network Log紀錄,可以避免在畫面跳轉時清掉Network Log紀錄
  3. Disable cache 用來模擬第一次使用者登入
  4. Throttling 可以用來模擬低網速環境問題
  5. Import/Export HAR file 用來分析網頁效能問題
    因為下載檔案為.har格式,所以可以直接用這個網站開啟HAR Analyzar