Chrome DevTools Network 过滤器使用

Chrome DevTools Network 过滤器使用

官方参考:Chrome DevTools Network 过滤器文档

1 基本用法

可以用空格分隔多个属性同时过滤(多个属性之间是 AND 关系;暂不支持 OR 操作)。例如 mime-type:image/gif larger-than:1K 显示所有大于 1KB 的 GIF。

2 支持的过滤属性

domain

只显示指定域名的资源,支持通配符 * 匹配多个域名:

domain:blog.csdn.net domain:*.chinajnhb.com and status-code:503

has-response-header

显示含有指定 HTTP 响应头的资源。例如响应头部含有 Access-Control-Allow-Origin 的请求:

has-response-header:Access-Control-Allow-Origin

is

is:running 查找 WebSocket 资源;is:from-cache 显示从内存/缓存加载的资源(通常是图片)。

larger-than

显示大于指定大小(字节)的资源。设值为 1000 等价于 1k。

method

显示通过指定 HTTP 方法请求的资源,如过滤 POST 请求:method:POST。

mime-type

显示指定 MIME 类型的资源。

mixed-content

mixed-content:all 显示所有混合内容资源,mixed-content:displayed 只显示当前展示的。

scheme

scheme:http 显示明文的 HTTP 请求,scheme:https 显示 HTTPS 请求。

显示 Set-Cookie 头的 Domain 属性匹配指定值的资源。注意 Cookie 域前缀是 . 而不是 *:

set-cookie-domain:.example.com

显示 Set-Cookie 头中 name 匹配指定值的资源:

set-cookie-name:cf_clearance

显示 Set-Cookie 头中 value 匹配指定值的资源:

set-cookie-value:<cookie_value>

对应响应头示例:

Set-Cookie: cf_clearance=<cookie_value>; path=/; expires=Thu, 10-Oct-19 15:13:39 GMT; domain=.example.com; HttpOnly

status-code

只显示状态码匹配指定值的资源。

阅读 — · 全站 —
🎸 我的歌单 0 首