浏览器开发者模式下你不可错过的Network面板知识

Network面板中的每一个条目表示一个url，每列的含义如下：

（1）Name：请求的文件名

通常来讲，一个URL就是请求服务器的一个文件，而Name列的值就是这个URL最后的文件名 。

例如：请求URL是https://m.360buyimg.com/babel/jfs/abc.jpg,那么Name列的值就是abc.jpg。

（2）Status:响应状态码

如果服务器成功响应客户端，响应状态码通常是200。
通过响应状态码可以判断发送的请求是否得到了服务器的正常响应。

（3）Type:请求的文档类型

一般根据响应头的content-type字段确定文档类型。
例如：请求的URL是https://m.360buyimg.com/babel/jfs/abc.jpg，content-type字段的值就是image/jpeg，所以Type列的值就是jpeg。

（4）Initiator:请求源

用来标记请求是由哪个程序发起的。

（5）Size：资源的大小

由于向服务器发送请求后，服务器会返回对应的资源，这个 Size列就是返回资源的大小。
如果资源从本地缓存获取，那么Size列的值就是 from disk cache。

（6）Time：从发起请求到获取响应所用的总时间

（7）Waterfall:网络请求的可视化瀑布流