这里是修真院前端小课堂,每篇分享文从
【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】
八个方面深度解析前端知识/技能,本篇分享的是:
【network中的请求信息,headers中的每一项分别是什么意义? 】
1.背景介绍
作为一个Web开发人员,日常中与我们开发相关的,就是Chrome的开发者工具。
今天就是要简要说说Chrome的开发者工具中Network部分。
Network标签页对于分析网站请求的网络情况、查看某一请求的请求头和响
应头还有响应内容很有用,特别是在查看Ajax类请求的时候,非常有帮助。
2.知识剖析
1.Network中的信息
如果能多了解一些chrome开发者工具调试技巧/功能对于平时开发很与帮助,
在实际项目中多使用这些功能,提升自己的工作效率。下面我们来看chrome开发者工
具Network面板功能
1、Controls控制Network的外观和功能。
2、Filters控制Requests Table具体显示哪些内容。
3、Overview显示获取到资源的时间轴信息。
4、Requests Table按资源获取的前后顺序显示所有获取到的资源信息,点击资源名可以查看该资源的详细信息。
5、Summary显示总的请求数、数据传输量、加载时间信息。
network面板可以记录页面上的网络请求的详情信息,从发起网页页面请求Request后分析
HTTP请求后得到的各个请求资