嘿，这个问题我太熟了！之前调试页面的时候也被这个红色图标坑过好多次，其实本质就是DevTools里的「保留日志」功能在起作用，咱们一步步说清楚：

为啥会出现这种差异？ #

• 红色图标=「保留日志」处于开启状态：当这个按钮变红时，DevTools会记住页面所有历史请求——不管你刷新页面、跳转到新页面，之前加载的所有请求都不会被清空，结果就是面板里堆了一堆旧请求，目标请求自然被淹没了。
• YouTube里的蓝色图标=「保留日志」已关闭：那些演示视频里的操作应该是关掉了这个功能，此时每次页面刷新或导航，旧请求都会被自动清空，只显示当前页面加载的新请求，所以面板干净，图标也变成了蓝色（不同Chrome版本颜色可能略有不同，但核心是关闭状态）。

怎么解决？ #

1. 直接关闭「保留日志」 #

找到Network面板顶部工具栏里那个红色的Preserve log按钮（就是你说的筛选相关图标），点击它切换状态。当图标变成蓝色（或灰色，取决于你的Chrome版本），就表示关闭了保留日志。这时刷新页面，旧请求会被清空，面板里只会显示当前页面的新请求，和YouTube演示里的效果一致。

2. 进阶：精准筛选目标请求 #

如果你需要保留部分日志，但又不想被无关请求干扰，可以用这些小技巧：

• 用顶部的筛选框：输入请求URL里的关键词、请求方法（比如GET/POST），快速过滤掉无关请求。
• 勾选左侧的请求类型：比如只选「XHR」「Fetch」或者「Document」，只展示对应类型的请求，减少干扰项。
• 右键目标请求，选择「Filter by request type」，直接筛选出同类型的所有请求，定位更高效。

内容的提问来源于stack exchange，提问作者DeepakTheGeek