在线客服
扫描二维码
下载博学谷APP
扫描二维码
关注博学谷微信公众号
如何使用开发者工具查看HTTP协议的通信过程？Http是一个基于请求/响应模式的，无状态的协议。因为协议本身无状态，所以有时候需要记录状态，如登录之后就处于登录状态。学习查看HTTP协议的通信过程了解每项记录都是请求+响应的过程。
学习目标：使用谷歌浏览器的开发者工具查看HTTP协议的通信过程
1、谷歌浏览器开发者工具的使用
首先需要安装Google Chrome浏览器，然后Windows和Linux平台按F12调出开发者工具, mac OS选择 视图 -> 开发者 -> 开发者工具或者直接使用 alt+command+i 这个快捷键，还有一个多平台通用的操作就是在网页右击选择检查。
开发者工具的效果图:
开发者工具的标签选项说明:
•元素（Elements）：用于查看或修改HTML标签
•控制台（Console）：执行js代码
•源代码（Sources）：查看静态资源文件，断点调试JS代码
•网络（Network）：查看http协议的通信过程
开发者工具使用效果图:
使用说明
开发者工具的使用说明:
1.点击Network标签选项
2.在浏览器的地址栏输入百度的网址，就能看到请求百度首页的http的通信过程
3.这里的每项记录都是请求+响应的一次过程
2、查看HTTP协议的通信过程
查看http请求信息效果图:
查看http响应信息效果图:
HTTP协议的通信小结：
谷歌浏览器的开发者工具是查看http协议的通信过程利器，通过Network标签选项可以查看每一次的请求和响应的通信过程，调出开发者工具的通用方法是在网页右击选择检查。开发者工具的Headers选项总共有三部分组成:General: 主要信息；Response Headers: 响应头；Request Headers: 请求头（*Response选项是查看响应体信息的）。
— 申请免费试学名额 —
在职想转行提升，担心学不会？根据个人情况规划学习路线，闯关式自适应学习模式保证学习效果
讲师一对一辅导，在线答疑解惑，指导就业！
上一篇：
URL的组成部分及作用是什么？
下一篇：
小白如何搭建Python自带静态Web服务器？
相关推荐 更多
关于Python的学习方法和技巧有哪些
关于Python的学习方法和技巧有哪些？想学好一门语言首页我应该知道Python是什么，应该怎么学，先找到适合自己的学习方式，然后选择适合自己的Python学习资料，先学习基础的知识，掌握基础知识以后上手一些项目进行练习，练习的过程中不断总结经验。
5842
2019-08-22 18:06:44
为什么人工智能和Python要一起学？两者有何联系？
为什么人工智能和Python要一起学？两者有何联系？相信现在只要提到人工智能，就难免会带上Python，可以说Python就是人工智能的首选编程语言，由此人工智能已经和Python已经紧密联系在一起了。本文就和大家说说Python和人工智能不可分割的关系。
6179
2019-09-19 11:35:46
python培训多少钱？值不值得花钱学习？
什么样的人合适学习Python？询问周围的朋友python培训多少钱？值不值得花钱学习？他们总能发出对Python的意见和建议，让你在这些声音中摇摆不定，说实在的，他们又知多少呢，最后还是要看你自己。所以想学好python，关键还是看三点。
6680
2020-01-10 15:06:01
5种好用的Python工具分享
Python开发软件可根据其用途不同分为两种，Python代码编辑器和Python集成开发工具，两者配合使用极大的提高Python开发人员的编程效率。掌握调试、语法高亮、Project管理、代码跳转、智能提示、自动完成、单元测试、版本控制等操作。
6140
2020-04-07 16:46:14
CSS是什么？起什么作用？
CSS是(Cascading Style Sheets)层叠样式表的缩写简称样式表。网页设计者使用CSS可以定义元素的样式包括字体，颜色及其它的高级样式。做前端页面开发必须要知道CSS的作用及使用方法。
5629
2021-12-07 16:10:29
