探秘Chrome开发者工具：网络请求的艺术化筛选与精准过滤

前言

chrome开发者工具，会列出所有的网络请求，网络请求太多的时候，如何准确过滤出我们需要的网路请求呢？

我们以 https://www.aliyun.com/ 网址为例，一起来看看五种过滤方式。

文本过滤

比如过滤出请求路径包含index.js的请求。

正则表达式

查看png和gif图片 /.*png|.*gif/

exclude

语法 -文本
过滤掉所有包含文本的文件， 多个条件空格连接。

比如，下面过滤条件 -.css -.js, 表示过滤掉请求路径包含.css和包含.js的请求。

属性过滤

domain:at.alicdn.com 表示只显示请求域名在at.alicdn.com下的请求。

那怎么获取所有的属性过滤器呢？ 输入如下符号就能获取所有的

-

资源类型

这个是我们用的最多的方式，选择某个类别的请求， 比如下面就只看 Fetch/XHR的请求。

唯一说一下的就是， 可以 ctrl + click进行多选

写在最后

不忘初衷，有所得，而不为所累，如果你觉得不错，你的一赞一评就是我前行的最大动力。

微信公众号：成长的程序世界 ，关注之后，海量电子书，打包拿走不送。

或者添加我的微信 dirge-cloud，一起学习。