本文是关于前端开发中的网络请求分析，详细解释了Chrome开发者工具中Network面板的Headers部分，包括General和Response Headers、Request Headers的含义。通过学习，可以了解HTTP头信息在请求过程中的作用，如Cookies、Content-Type等，并探讨了如何设置HTTP请求头。
这里是修真院前端小课堂，每篇分享文从
八个方面深度解析前端知识/技能，本篇分享的是：
【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：从服务器下载
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
