Chrome 开发者工具下过滤请求

当在一个项目很复杂的时候，因为页面的复杂性越来越高，查找的难度也越来越大。比如页面加载了很多的 js 文件，css 文件等，这些并不是我们想要关注的。怎么过滤呢？

一般过滤

一般过滤很简单，Filter 框输入关键字，默认通过 Request URL 进行关键字搜索。例如，

• .css表示查找所有。css 文件

• .js$表示查找所有以.js结尾的请求。

不以$结尾，则会查找出所有带.js的请求，如 js 文件，json 文件和 jsp 文件

高级搜索

在 Network 选项卡的 Filter 框输入中划线-就可以看到提示。

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

注：一般，表达式前面没有中划线，输入中划线的目的是为了看到 chrome 提供的那些高级选项。

过滤

中划线-除了可以查看提示，其本身还带有取反的作用。例如

• -.js表示过滤所有带。js 关键字的请求

• -method:POST表示过滤所有 POST 请求

多条件搜索

条件之间加空格，代表多个条件 AND 关系，例如，

• -.js$ method:POST 表示过滤 js 文件且请求方式是 POST 的请求。

参考：chrome Network 过滤和高级过滤_彻底拆分，一切可控！-CSDN 博客