介绍 Chrome 的 Network 面板中过滤器(filter)的功能

2,006 阅读1分钟

下面介绍的就是这个地方都能查什么,也当自己做一个备份。

image.png

首先介绍一下用法,我们可以使用 method: POST 这样的形式来过滤,得到的结果就都是 POST 请求的

image.png

除了 method 关键字以外,还有以下关键字。这些的形式都是【关键字:值】

  • set-cookie-domain:筛选出响应里有 set-cookie 并且,其值包含的 domain 字段与之对应

  • set-cookie-name:筛选出响应里有 set-cookie 并且,其值包含的 cookie-name 字段与之对应

  • set-cookie-path:筛选出响应里有 set-cookie 并且,其值包含的 path 字段与之对应

image.png

  • set-cookie-value:筛选出响应里有 set-cookie 并且,包含这个 cookie-value 的

  • domain:包含此域名的,这个可以写通配符,比如下面这样:

image.png

  • has-response-header:查找有某个响应头的

  • is:is:running 能查到使用 websocket 链接的请求,is:from-cache 能查到从缓存中读取的请求

  • larger-than:展示大于多少的请求,值得注意的是,1000 等于 1 k。

  • method: 匹配 HTTP 协议的方法

  • mime-type:和请求的 content-type 有关,比如这样只显示 JSON 类型的

image.png

  • scheme:匹配协议,比如 http,https

  • status-code:匹配 HTTP 协议的状态码

  • url:匹配请求的 url

  • resource-type:展示资源类型,比如 image

参考链接