在线客服
扫描二维码
下载博学谷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运行性能的小技巧有使用局部变量，减少函数调用次数采用映射替代条件查找，直接迭代序列元素，采用生成器表达式替代列表解析，先编译后调用，模块编程习惯。
10707
2019-07-26 18:14:29
学习Python需要知道哪些基础入门知识？
众所周知，Python以优雅、简洁著称，入行门槛低，可以从事Linux运维、Python Web网站工程师、Python自动化测试、数据分析、人工智能等职位！就目前来看，Python就业前景广阔。很多人都想学习Python，那么学习Python需要知道哪些基础入门知识？小编将从以下几个方面来回答。
9603
2019-07-09 19:25:42
从零开始学Python必看入门指导
Python是初学者的语言，对于初级程序员而言，Python是一种伟大的语言，它支持广泛的应用程序开发，从简单的文字处理到浏览器再到游戏，无不有Python的身影。Python语言自身的优点吸引者初学者，然而不少从零开始时学Python的小伙伴难免在入门时产生迷茫感，这里小编整理了一份从零开始学Python必看入门指导。
9072
2019-07-22 15:10:47
学习Python零基础需要学多久？
人工智能和大数据技术为互联网发展提供了更加强劲的动力。而Python编程语言在人工智能和数据科学领域都有非常广泛的应用。因此Python编程开发吸引了大批的新人加入。对于这些刚刚加入Python学习的朋友而言，比较关注几个问题：Python难不难？参加Python培训多少钱？学习Python需要多久？
8698
2019-11-04 18:49:46
学Python好找工作吗？需要满足Python岗位哪些要求？
学Python好找工作吗？需要满足哪些要求？随着Python的火爆，国内Python的岗位也随之增多，只要技术能力强项目经验充足，找到工作不是问题。即使是一些二线城市，Python的薪资待遇也比较好。
5918
2020-03-19 17:59:30
