Google Chrome 控制台 Network 模块的 Filter 功能

4,105 阅读1分钟

一般过滤

一般过滤很简单,比如你想查找所有.css文件,那么就输入: .css

高级过滤

一个字符 :

-(中划线)

如下图所示:在 Network 这个选项卡的最左边有一个过滤的输入框,你只需要输入 - 就可以看到提示:

里面选项很多,不过你可以选中这些选项之后继续输入冒号查看当前选项内容提示:

示例如下,如果你想查找所有 POST 里面包含了指定类型信息的请求的话,就可以通过输入method:POST来实现。注意这个表达式前面没有 -(中划线),输入 - 它的目的是为了 让你看到chrome提供了那些高级的选项。

中划线除了可以给你提示,但是它本身的含义是取反,以上面需求为例,我们可以通过使用-.css -.js 来过滤掉 css 和 js 文件。-.css-.js 中间使用空格分开,意思就是过滤掉 .css.js 文件,比如你想过滤掉所有 OPTIONS 的请求,可以使用 -method:OPTIONS 来达到目的。