network中的请求信息，headers中的每一项分别是什么意义?

这里是修真院前端小课堂，每篇分享文从

八个方面深度解析前端知识/技能，本篇分享的是：

【network中的请求信息，headers中的每一项分别是什么意义?】

【JS-5】network中的请求信息，headers中的每一项分别是什么意义?

大家好，我是IT修真院深圳分院第12期的学员韩鹏，一枚正直纯洁善良的前端程序员，今天给大家分享一下，修真院官网JS任务5，深度思考中的知识点——network中的请求信息，headers中的每一项分别是什么意义?

1.背景介绍

作为一个Web开发人员，日常中与我们开发相关的，就是Chrome的开发者工具。Network标签页对于分析网站请求的网络情况、查看某一请求的请求头和响应头还有响应内容很有用，特别是在查看Ajax类请求的时候，非常有帮助。今天就是要简要说说Chrome的开发者工具中Network中header部分。

2.知识剖析

Network面板-请求表

Name：资源名称，点击名称可以查看资源的详情情况，包括Headers、Preview、Response、Cookies、Timing。    

Status：HTTP状态码。

Type：请求的资源MIME类型。

Initiator：标记请求是由哪个对象或进程发起的（请求源）。

    Parser： 请求由Chrome的HTML解析器时发起的。

    Redirect：请求是由HTTP页面重定向发起的。

    Script：请求是由Script脚本发起的。

    Other：请求是由其他进程发起的，比如用户点击一个链接跳转到另一个页面或者在地址栏输入URL地址。

Size：从服务器下载的文件和请求的资源大小。如果是从缓存中取得的资源则该列会显示(from cache)

Time：请求或下载的时间，从发起Request到获取到Response所用的总时间。

Timeline：显示所有网络请求的可视化瀑布流(时间状态轴)，点击时间轴，可以查看该请求的详细信息，点击列头则可以根据指定的字段可以排序。



通过点击某个资源的Name可以查看该资源的详细信息，根据选择的资源类型显示的信息