Chorme 開發者工具的 Network tab

[QzCurious]

今天有簡單介紹一下 Chorme 開發者工具的 Network tab，複習一下就可以把 issue close 掉了

• Network 紀錄了從當前網頁出去的 http request response
• 一個網頁會發出的 http request 有很多種，可以用上方的 filter 功能篩選
  • Fetch/XHR: 大部分會需要看的都是這些，axios, fetch 打出去的 request 都在這邊
  • Doc: 通常就是 html
  • CSS, JS
• 通常轉跳頁面或重新整理 Network 內的紀錄會被清除，可以勾選 Preserve log 來保留