第一步:F12开启控制台,
第二步骤:打开网络标签
然后刷新页面
在网络标签位置处,这时候会出现所有发送的请求
点击第一个:会出现内容
预览部分:是解析 观察解析结果处
标头=headers:主要观察请求头和请求体部分
GET请求部分
请求标头:
点击上方查看源代码:就会出现请求行(请求类型 GET/POST等+url请求路径(网址后面)+ HTTP协议的版本、(HTTP/1.1等))--是get请求,请求体内容是空的
查询字符串参数,是对请求报文中的请求行中的url参数进行解析(可以准确看到参数是否有成功发送)---是请求体部分
没有参数--这是get请求(有请求参数)
对url参数解析 (有参数)
查看响应标头(包含响应头+行)部分
点击查看源代码部分 (包含了响应行+响应头)
响应体:在响应部分是html内容 (服务端返回的内容)
POST请求部分--使用插件powtwoman
查看请求标头源代码部分
请求体在在负载里面--表单数据中--这是post
原始请求体内容在查看原代码处,点击发送按钮,浏览器帮我们将http报文封装好,发送到目标服务器的指定端口
文章来源:https://www.toymoban.com/news/detail-556203.html
如果响应的内容是跳转,在响应中看不到文章来源地址https://www.toymoban.com/news/detail-556203.html
到了这里,关于Ajax学习:如何在Chrome网络控制台查看通信报文(请求报文/响应报文)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!