#3 F12 网络过滤器
Web开发 Chrome 2023-07-16示例
mime-type:image/png larger-than:1K
# Edge 官方示例，表示过滤出大于 1K 的 PNG 图片
domain:*.csdn.net method:POST
# 过滤出 CSDN 域的 POST 请求。
has-response-header:Content-Type -domain:*.baidu.com
# 过滤出带 Content-Type 头的请求，排除百度域。
清单
| 属性 | 详情 |
|---|---|
domain |
仅显示来自指定域的资源。您可以使用通配符（*）来包含多个域。例如， *.com 会显示所有以 .com 结尾的域名资源。DevTools 会将所有找到的域名填充到自动完成下拉菜单中。 |
has-response-header |
显示包含指定 HTTP 响应头的资源。 DevTools 会将所有找到的响应头填充到自动完成下拉菜单中。 |
is |
使用 is:running 查找 WebSocket 资源。 |
larger-than |
显示大于指定大小的资源，单位为字节。 设置值为 1000 相当于设置值为 1k。 |
method |
显示通过指定的 HTTP 方法类型检索的资源。 DevTools 会将所有找到的 HTTP 方法填充到下拉菜单中。 |
mime-type |
显示指定 MIME 类型的资源。 DevTools 会将所有找到的 MIME 类型填充到下拉菜单中。 |
mixed-content |
显示所有混合内容资源（mixed-content:all），或仅显示当前显示的资源（mixed-content:displayed）。 |
scheme |
显示通过不安全的 HTTP（scheme:http）或安全的 HTTPS（scheme:https）检索的资源。 |
set-cookie-domain |
显示具有与指定值匹配的 Set-Cookie 标头中的 Domain 属性的资源。DevTools 会将所有找到的 Cookie 域填充到自动完成中。 |
set-cookie-name |
显示具有与指定值匹配的 Set-Cookie 标头中的名称的资源。DevTools 会将所有找到的 Cookie 名称填充到自动完成中。 |
set-cookie-value |
显示具有与指定值匹配的 Set-Cookie 标头中的值的资源。DevTools 会将所有找到的 Cookie 值填充到自动完成中。 |
status-code |
显示与特定 HTTP 状态码匹配的资源。 DevTools 会将所有找到的状态码填充到自动完成下拉菜单中。 |
- 多个条件之间是 AND 关系，OR 关系暂时不支持。
- 前面加上
-表示取反，小技巧：可以通过输入-之后的自动补全查看所有支持的选项。
参考资料与拓展阅读
- Microsoft Learn，Microsoft Edge，Filter requests by properties
- 微信公众号，通过调试技术，我搞懂了 b 站视频播放很快的原理