你说的这一排

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

其实是 Network 的“资源类型过滤栏”。
如果这一排不见了，通常只有 三种原因，而且都很好解决。

一、Network 面板被缩窄了（最常见）

Chrome 在窗口太窄时，会 自动隐藏资源类型栏。

也就是说：

DevTools 太窄
→ Chrome 自动隐藏
→ All / Fetch / JS 那一排就没了

解决方法

把 DevTools 拉宽一点。

操作：

1. 鼠标放在 DevTools 左边界

2. 向左拖宽

或者把 DevTools 改成：

Dock to bottom

右上角按钮：

⋮ → Dock side → Bottom

通常一拉宽，那一排就会回来。

二、被折叠到 Filters 里了

新版 Chrome 会把它折叠到 Filters 按钮里面。

你看看 Network 上面有没有：

Filters

点击后会展开：

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

如果没展开，看起来就像消失了一样。

三、Network toolbar 被隐藏

有时候 DevTools 的 toolbar 会被折叠。

看 Network 面板左上角有没有这个：

>>

点一下展开。

四、DevTools UI bug（Chrome偶尔会抽风）

Chrome DevTools 有时候会 UI 错乱。

最快解决办法

在 DevTools 里按：

Cmd + Shift + P

输入：

Reload DevTools

然后回车。

五、重置 DevTools（100%恢复）

如果还是不见：

1 打开 DevTools 设置

F12

右上角

⚙ Settings

选择

Restore defaults and reload

六、正确的 Network 顶部结构应该是

正常应该看到：

Record  Clear  Preserve log  Disable cache
Filter
All | Fetch/XHR | Doc | CSS | JS | Img | Media | Font | WS | Manifest

给你一个开发者常用的最佳布局

建议这样：

Preserve log ✔
Disable cache ✔
Type: All
Filter: 空

这样调接口最舒服。