DevTools Network MOC
Network 面板主题地图，覆盖请求响应检查、Waterfall 与 Timing、缓存调试、Service Worker 请求链路和流式连接调试。
#type / moc
#status / growing
#tech / dev / frontend
#platform / browser
#resource / chrome-devtools
[!info] related notes
- 相关 MOC: 浏览器开发者工具 MOC, HTTP 与前端网络请求
- 关系笔记: Network 面板
DevTools Network MOC
这张地图覆盖什么
这张地图覆盖 Network 面板中最常用的排障动作：看请求和响应、看 Waterfall 和 Timing、看缓存命中、看 Service Worker 是否接管、看 SSE 和 WebSocket 长连接。
从这里开始
- 先看 Network 面板
- 再看 请求与响应检查
- 页面慢时补 Waterfall 与 Timing
核心笔记
关系与对比入口
- Application 面板 - 看本地状态和 Service Worker
- 浏览器缓存体系 - 补缓存原理
- SSE、WebSocket - 补协议层原理
- 登录态异常排查路线
- 缓存不更新排查路线
- 流式连接排查路线