Chrome 的 Network 面板突然没有记录请求，一般不是程序问题，而是 DevTools 设置、过滤条件或抓包方式导致的。可以按下面的顺序排查，一般 1～2 步就能解决。

一、最常见原因：没有开启“记录”

在 Chrome DevTools 的 Network 面板左上角有一个 红色圆点按钮。

如果它是 灰色，说明 Network 记录被暂停了。

解决方法

1. 打开 DevTools

   F12

2. 进入

   Network

3. 点击左上角 ● 按钮

正常状态应该是：

●  Record network log

红色表示正在记录。

二、过滤条件导致看不到请求

很多时候其实有请求，但被过滤了。

检查这里：

Filter

如果里面有内容，比如：

api
js
fetch

那么只会显示匹配的请求。

解决方法

清空 Filter：

Filter → 清空

三、类型过滤导致

Network 上面有一排类型：

All | Fetch/XHR | Doc | CSS | JS | Img | Media | WS

如果点成了 WS / JS / Img，只显示这一类请求。

解决方法

点击：

All

四、页面没有重新加载

Network 只记录 打开 DevTools 之后的请求。

如果你：

1. 打开 DevTools

2. 没刷新页面

那是看不到请求的。

正确步骤

F12
Network
刷新页面 (Cmd + R)

五、日志被清空

Network 左上角还有一个：

🚫 Clear

如果自动清空了，也可能看不到。

可以勾选：

Preserve log

作用是：

页面刷新也不清空网络记录

六、被 Service Worker 缓存

如果 PWA 或 Service Worker 在缓存请求，Network 可能看不到。

可以关闭缓存：

Network
Disable cache

注意：
必须 DevTools 打开时才生效。

七、DevTools卡死（真实很常见）

Chrome DevTools 有时候会 Network 不更新。

解决方法

关闭 DevTools 再打开：

F12
关闭
再 F12

或者：

右键 DevTools → Reload DevTools

八、JS请求走了 WebSocket

如果你在调试：

Workman
WebSocket

很多请求其实在：

Network → WS

点进去能看到：

Frames

里面是 WebSocket 数据。

九、浏览器缓存导致

如果请求来自缓存：

(memory cache)
(disk cache)

Network 有时不显示完整请求。

解决：

Network
Disable cache

然后刷新。

十、DevTools损坏（终极解决）

如果还是不行：

重置 DevTools

打开：

DevTools
Settings
Restore defaults and reload

一张排查流程图（最实用）

Network没记录
     │
     ├─ Record按钮是否红色
     │
     ├─ Filter是否有内容
     │
     ├─ 类型是否选All
     │
     ├─ 是否刷新页面
     │
     ├─ 是否被WS类型隐藏
     │
     ├─ 是否缓存
     │
     └─ 重启DevTools

再给你一个 开发者必开的Network配置

建议这样设置：

☑ Preserve log
☑ Disable cache
Type → All
Filter → 空

这样 抓接口最稳定。