是否可以使用 Chrome 开发人员工具过滤掉一些请求，比如过滤掉所有图像请求？
问问题
80253 次
8 回答
284
否定文本过滤器- 列出与给定查询不匹配的结果。
- 使用-.png或-.gif或-.jpg作为网络面板中的过滤器。
- 许多其他负面过滤器也可以使用。例如-mime-type:image/png、-larger-than:20k、-domain:yoursite.com、-status-code:404。请参阅Chrome 开发者文档 - 排序和过滤。
另一种方法：在“网络”面板中打开过滤器并CTRL/CMD单击要显示的请求类型。要仅隐藏图像请求，请在按住 时选择除CTRL/CMD图像之外的所有其他类型。
于 2015-01-04T20:40:56.657 回答
37
您-.png -.gif -.jp在过滤器输入框中写入以从结果中排除所有图像。在底部，它显示了不带图像传输的数据总量。
14 年 12 月，一位“在谷歌从事 Chrome 工作的工程师”在推特上写道：
Chrome DevTools：负面文本过滤器刚刚登陆网络面板。列出与给定查询不匹配的 结果Twitter 链接
编辑：您甚至可以按域、mime 类型、文件大小...进行过滤，或者通过输入-domain:cdn.sstatic.net和组合其中任何一个mime-type:image/png -larger-than:100K来排除，以在网络面板中仅显示小于 100kb 的 png 文件
参见Addy Osmani 的 DevTools：2015 年国情咨文
从 Chrome 42 开始。
于 2015-03-08T13:19:25.833 回答
22
在我构建的 Google Chrome（版本 74.0.3729.157（64 位））下，我发现以下过滤器可用（我添加了一些示例）。请注意，DevTools 具有自动完成功能（这有助于整理这些东西）。
domain:
-domain:
# Use a * character to include multiple domains.
# Ex: *.com, domain:google.com, -domain:bing.com
has-response-header:
-has-response-header:
# Filter resources with the specified HTTP response header.
# Ex: has-response-header:Content-Type, has-response-header:age
is:
-is:
# is:running finds WebSocket resources
# I've also come across:
# - is:from-cache,
# - is:service-worker-initiated
# - is:service-worker-intercepted
larger-than:
-larger-than:
# Note: larger-than:1000 is equivalent to larger-than:1k
# Ex: larger-than:420, larger-than:4k, larger-than:100M
method:
-method:
# method:POST, -method:OPTIONS, method:PUT, method:GET
mime-type:
-mime-type:
# Ex: mime-type:application/manifest+json, mimetype:image/x-icon
mixed-content:
-mixed-content:
# 2 that I've found documented:
# mixed-content:all (Show all mixed-content resources)
# mixed-content:displayed (Show only those currently displayed) (never used this personally)
scheme:
-scheme:
# Ex: scheme:http, scheme:https,
# Note that there are also scheme:chrome-extension, scheme:data
set-cookie-domain:
-set-cookie-domain:
#
# Ex: set-cookie-domain:.google.com
set-cookie-name:
-set-cookie-name:
# Match Set-Cookie response headers with name
# Ex: set-cookie-name:WHATUP
set-cookie-value:
-set-cookie-value:
# Match Set-Cookie response headers with value
# Ex: set-cookie-value:AISJHD98ashfa93q2rj_94w-asd-yolololo
status-code:
-status-code:
# Match HTTP status code
# Ex: status-code:200, -status-code:302
于 2019-05-27T00:09:02.137 回答
21
没有非常灵活的过滤功能，但底部的栏确实允许您仅显示特定文档或连接类型的请求：
您不能只排除图像，但它应该会有所帮助。
您也可以按Control/ Command+F在请求列表中搜索特定字符串，并选中“过滤器”框以隐藏不匹配的请求：
于 2013-01-31T23:49:13.390 回答
10
2021 年更新：
在新的更新 chrome 中，您可以轻松选择一些内容类型 JS、CSS、IMG、Font、... 进行过滤请求；请参阅：（
现在我使用的是 93.0.4577.63 版本）
较旧的解决方案：
一个简单、简短、快速的解决方案：
就放-.
因为不显示任何带有扩展名的 url（静态内容），所以你在这里清楚地看到了 URL。
于 2020-03-16T09:59:59.697 回答
8
像 -MimeType 一样，您可以在过滤器输入中使用域，如下所示：
域：yourdomain.com
于 2017-08-22T18:55:28.887 回答
1
如果您打开开发人员工具，请选择网络。如果您想专门查找图像请求，请从页面底部的栏中选择图像。过滤器都是独占的，因此您不能仅过滤掉图像请求。你去吧。
于 2013-01-31T23:49:20.867 回答
1
添加-MimeType:image/jpeg过滤器对我有用。
于 2015-10-06T19:01:36.840 回答