是否可以使用 Chrome 开发者工具过滤掉一些请求，比如过滤掉所有的图片请求？
【问题讨论】：
标签： javascript google-chrome google-chrome-devtools filtering
在我构建的 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
【讨论】：
像 -MimeType 一样，您可以在过滤器输入中使用域，如下所示：
域名:yourdomain.com
【讨论】：
否定文本过滤器 - 列出不匹配给定查询的结果。
自 Chrome ~42 起可用 - Issue Link，宣布 here
另一种方法： 在“网络”面板中打开过滤器，然后 CTRL/CMD-单击要显示的请求类型。要仅隐藏图像请求，请在按住 CTRL/CMD 的同时选择所有其他类型 except 图像。
【讨论】：
-status-code:200 -status-code:404 -status-code:302
-.js 将排除 .js 和 .json 请求。由于某种原因，the most recent documentation 中似乎没有涵盖否定过滤器语法。
添加-MimeType:image/jpeg 过滤器对我有用。
【讨论】：
您在过滤器输入框中输入-.png -.gif -.jp 以从结果中排除所有图像。在底部它显示了不带图像传输的数据总量。
14 年 12 月，一位“谷歌工程师正在使用 Chrome”发推文：
Chrome DevTools：负面文本过滤器刚刚登陆网络面板。列出与给定查询不匹配的结果 Twitter Link
编辑：您甚至可以通过输入-domain:cdn.sstatic.net 来按域、mime 类型、文件大小...进行过滤或排除，并结合其中任何一个mime-type:image/png -larger-than:100K 以仅显示小于以下的 png 文件100kb 在网络面板中
见DevTools: State Of The Union 2015 by Addy Osmani
自 Chrome 42 起。
【讨论】：
domain: 部分正是我现在正在寻找的。从另一个答案链接的documentation 目前涵盖了这一点和其他一些人
如果您打开开发者工具，请选择网络。如果您想专门查找图像请求，请从页面底部的栏中选择图像。过滤器都是独占的，因此您不能仅过滤掉图像请求。给你。
【讨论】：
没有非常灵活的过滤功能，但底部的栏确实允许您仅显示特定文档或连接类型的请求：
您不能只排除图片，但它应该会有所帮助。
您也可以按Control/Command+F在请求列表中搜索特定字符串，并勾选“过滤器”框来隐藏不匹配的请求：
【讨论】：