有没有办法使用 Google Chrome 开发者工具过滤网络请求？

Question

是否可以使用 Chrome 开发者工具过滤掉一些请求，比如说过滤掉所有图片请求？

原文由 Adam Lee 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

没有非常灵活的过滤功能，但底部的栏允许您只显示特定文档或连接类型的请求：

您不能只排除图像，但它应该有所帮助。

您还可以按 Control / Command + F 在请求列表中搜索特定字符串，并选中“过滤器”框以隐藏不匹配的请求：

原文由 Jeremy 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

否定文本过滤器- 列出与给定查询 不 匹配的结果。

• 使用 -.png 或 -.gif 或 -.jpg 作为网络面板中的过滤器。
• 许多其他负面过滤器也有效。例如 -mime-type:image/png , -larger-than:20k , -domain:yoursite.com , -status-code:404 。请参阅 Chrome 开发人员文档 - 过滤。

自 Chrome ~42 起可用- 问题链接， 在此处 宣布

另一种方法： 在“网络”面板中打开过滤器并按 CTRL/CMD 单击您要显示的请求类型。要仅隐藏图像请求，请在按住 CTRL/CMD 的同时选择图像 以外 的所有其他类型。

原文由 Mark Doyle 发布，翻译遵循 CC BY-SA 4.0 许可协议