Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Chorme 開發者工具的 Network tab #11

Closed
QzCurious opened this issue Feb 22, 2024 · 0 comments
Closed

Chorme 開發者工具的 Network tab #11

QzCurious opened this issue Feb 22, 2024 · 0 comments

Comments

@QzCurious
Copy link
Contributor

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

  • Network 紀錄了從當前網頁出去的 http request response
  • 一個網頁會發出的 http request 有很多種,可以用上方的 filter 功能篩選
    • Fetch/XHR: 大部分會需要看的都是這些,axios, fetch 打出去的 request 都在這邊
    • Doc: 通常就是 html
    • CSS, JS
  • 通常轉跳頁面或重新整理 Network 內的紀錄會被清除,可以勾選 Preserve log 來保留
Screenshot 2024-02-22 at 11 53 30 PM
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants