解析如何使用开发者工具查看HTTP协议的通信

pantuomenn

如何使用开发者工具查看HTTP协议的通信过程H是一个基于请求响应模式的，状态的协议。因为协议本身状态，所以有时候需要记录状态，如登录之后就处于登录状态。学习查看HTTP协议的通信过程了解每项记录都是请求+响应的过程。[url=http:///www.heikw.cn/]爱站云[/url]的相关知识也可以到网站具体了解一下，有专业的客服人员为您全面解读，相信会有一个好的合作！[align=center]

                               
登录/注册后可看大图

[/align]



学习目标：使用谷歌浏览器的开发者工具查看HTTP协议的通信过程



1、谷歌浏览器开发者工具的使用



首先需要安装GC浏览器，然后W和L平台按F12调出开发者工具,OS选择视图-开发者-开发者工具或者直接使用++这个捷键，还有一个多平台通用的操作就是在页右击选择检查。



开发者工具的效果图:







开发者工具的标签选项说明:



元素（E）：用于查看或修改HTML标签



控制台（C）：执行代码



源代码（S）：查看静态资源文件，断点调试JS代码



络（N）：查看协议的通信过程



开发者工具使用效果图:







使用说明



开发者工具的使用说明:



1点击N标签选项



2在浏览器的地址栏输入百度的址，就能看到请求百度首页的的通信过程



这里的每项记录都是请求+响应的一次过程



2、查看HTTP协议的通信过程



查看请求信息效果图:







查看响应信息效果图:







HTTP协议的通信小结：



谷歌浏览器的开发者工具是查看协议的通信过程利器，通过N标签选项可以查看每一次的请求和响应的通信过程，调出开发者工具的通用方法是在页右击选择检查。开发者工具的H选项总共有部分组成:G:主要信息；RH:响应头；RH:请求头（*R选项是查看响应体信息的）。