1、过滤器

过滤器是用来过滤请求的，当请求较多时，通过过滤可以快速找到我们需要的请求。y

过滤器第一个是过滤框，可以通过部分字符快速匹配出请求名称中包含该字符的请求，如输入www.baidu可以过滤出名称中包含www.baidu的请求。

另外，过滤器支持多种过滤语法，常用示例如下：

domain:*.baidu.com：按域名过滤

method:GET：按请求方法过滤

mime-type:application/json：按数据类型过滤

scheme:https：按协议类型过滤

status-code:200：按状态码过滤

set-cookie-name:sessionid：设置了名为sessionid的Cookie的请求

has-response-header:token: 响应中包含指定请求头项的请求

多种过滤表达式之间可以使用And连接。

Hide data URLs选项可以不显示data：开头的嵌入式小型文件（如svg）请求。

后面是按类型过滤。各个类型的含义

ALL：显示所有类型请求

Fetch/XHR：仅显示AJAX请求(http请求和https请求也会在这显示）

JS：仅显示JS资源请求

CSS：仅显示CSS资源请求

Img：仅显示图片资源请求

Media：仅显示音视频媒体类型

Font：仅显示字体资源请求

Docs：仅显示文档类型(如HTML)资源请求

WS：仅显示Web Socket类型请求

Manifest：仅显示带有缓存manifest的HTML文档

Other：仅显示其他类型请求

我们可以通过不同的类型，进行快速的过滤出来不同数据类型的请求。

2、请求表格

请求表格默认按请求时间排序，也可以点击对应的列名按指定列排序。请求表格从左到右分别为Name（资源名称）、Status（状态码）、Initiator（请求源）、Size（资源大小或来自缓存）、Timeline（网络请求时间轴状态）。

3、状态栏

状态栏主要显示请求总数、数据传输量和加载时间能信息。其中，DOM Content Loaded为页面上DOM完全加载并解析完毕的时间，Load为页面上所有DOM、CSS、JS、图片完全加载完毕的时间。