用Chrome开发者工具查看HTTP请求和相应

- HTTP请求内容包括哪些部分?

第1部分:动词 路径 协议 版本 例如 :GET / HTTP/1.1

第2部分:Key1:value1 例如 :Host: www.baidu.com 

第3部分:永远都是一个回车 例如 : /n

第4部分:要下载的内容


-如何使用Chrome开发者工具查看HTTP请求

这里以 https://www.baidu.com/  百度首页为例:

1.打开 Google Chorme ,右键检查,点击工具栏中的 Network 选项

2.在 Google Chrome 输入https://www.baidu.com/ 进入百度首页

3.点击要查询的请求,找到「Request Headers」,再点击「view source」,就可以看到啦

用Chrome开发者工具查看HTTP请求和相应_第1张图片
用Chrome开发者工具查看HTTP请求和相应_第2张图片

4.如果有请求的第四部分,那么在 Form Data 或 PayLoad 里可以看到


用Chrome开发者工具查看HTTP请求和相应_第3张图片



-HTTP响应内容包括哪些部分?

第1部分:协议/版本号 状态码 状态解释 例如: HTTP/1.1 200 OK

第2部分:Key1:value1 例如 Content-Type: text/html

第3部分:永远都是一个回车 例如:\n

第4部分:要下载的内容

注:第二部分的 Content-Type 标注了第4部分的格式,并且遵循MIME规范


-如何使用Chrome开发者工具查看HTTP响应

这里以 https://www.baidu.com/  百度首页为例:

1.打开 Google Chorme ,右键检查,点击工具栏中的 Network 选项

2.在 Google Chrome 输入https://www.baidu.com/ 进入百度首页

3.点击要查询的请求,找到「Response Headers」,再点击「view source」,将会看到响应的前两部分

4.继续查看「Response」或「Preview」,将会看到响应的第四部分


用Chrome开发者工具查看HTTP请求和相应_第4张图片
用Chrome开发者工具查看HTTP请求和相应_第5张图片

如何使用curl命令?

3. 如何使用 curl 命令

cur命令l是一个利用URL规则在命令行下工作的文件传输工具,可以说是一款很强大的http命令行工具。它支持文件的上传和下载,是综合传输工具,但按传统,习惯称url为下载工具。

语法:# curl [option] [url]

例:在 git bash 中使用 curl 命令

输入 curl -s -v -H "Frank: xxx" -- "https://www.baidu.com"  可查看到请求和相应的内容

用Chrome开发者工具查看HTTP请求和相应_第6张图片

其中:

-s 表示不要显示进度。

-v 显示一次的http请求的通信过程,去掉的话只返回HTML文档,没有请求和响应。

-H 表示添加后面的内容到请求头,来自定义Header里的内容任意,比如:"Frank:xxx"。

关于crul更多命令的使用参数请参考:

http://www.ruanyifeng.com/blog/2011/09/curl.html

以及灵活使用 Google 搜索引擎查询

遇到不懂的语法可访问 https://explainshell.com/ 查找释义

你可能感兴趣的:(用Chrome开发者工具查看HTTP请求和相应)