- HTTP 请求包括哪些部分,如何用Chrome开发者工具查看 HTTP 请求内容
- HTTP 响应包括哪些部分,如何用Chrome开发者工具查看 HTTP 响应内容
- 如何使用 curl 命令
1、HTTP 请求包括哪些部分,如何用Chrome开发者工具查看 HTTP 请求内容
HTTP请求的一般包括四部分
(1)动词 路径 协议/版本
(2)Key1: value1
(2)Key2: value2
(2)Key3: value3
(2)Content-Type: application/x-www-form-urlencoded
(2)Host: 网站(http://www.baidu.com)
(2)User-Agent: curl/7.54.0
(3)
(4)要上传的数据
部分解释:
- 请求最多包含四部分,最少包含三部分。(也就是说第四部分可以为空)
- 第三部分永远都是一个回车(
n
) - 动词有 GET POST PUT PATCH DELETE HEAD OPTIONS 等
- 这里的路径包括「查询参数」,但不包括「锚点」
- 如果你没有写路径,那么路径默认为 /
- 第 2 部分中的 Content-Type 标注了第 4 部分的格式
使用Chrome开发者工具演示,以百度首页为例:
打开Chrome浏览器后输入Ctrl+Shift+L打开Chrome开发者工具:
点击标红这里的Network
网页地址栏输入http://www.baidu.com,对应的会在开发者工具中显示第一个标红处用鼠标点击。
如果弹出这种界面,想把它隐藏掉,可以点击标红处的按钮。
点击如下标红处,一般是第一个
然后就可以看到右边弹出来三个选项,点击标红的Request开头的,也就是请求
进入后一定要点击以下view source
可以看到第一部分(1)动词 路径 协议/版本 和第二部分(2)Key1: value1 (2)Key2: value2 (2)Key3: value3......
第三部分为空格,因为没有上传数据,所以没有第四部分。
2、HTTP 响应包括哪些部分,如何用Chrome开发者工具查看 HTTP 响应内容
HTTP响应的一般包括四部分
(1)协议/版本号 状态码 状态解释
(2)Key1: value1
(2)Key2: value2
(2)Content-Length: 17931
(2)Content-Type: text/html
(3)
(4)要下载的内容
部分解释:
- 状态码要背,是服务器对浏览器说的话
- 1xx 不常用
- 2xx 表示成功
- 3xx 表示滚吧
- 4xx 表示你丫错了
- 5xx 表示好吧,我错了
具体解释可以查看下面维基百科,需要FQ哦。如果不能FQ,百度输入HTTP状态码也可以查询具体解释。
https://zh.wikipedia.org/wiki/HTTP%E7%8A%B6%E6%80%81%E7%A0%81zh.wikipedia.org- 状态解释没什么用
- 第 2 部分中的 Content-Type 标注了第 4 部分的格式
- 第 2 部分中的 Content-Type 遵循 MIME 规范
操作跟HTTP请求是一样的。
不同的是点击是Response开头标红的部分
同样别忘记点击标红的view source
可以看到第一部分(1)协议/版本号 状态码 状态解释和第二部分(2)Key1: value1 (2)Key2: value2 (2)Key3: value3......
第三部分为空格。
第四部分需要点击这个标红的Response按钮就会显示出来啦。
3、如何使用 curl 命令
首先我们通过tldr和explainshell来看看具体的用法。就是用来下载网页信息的命令。
比如:后面的动词如果不输入默认就是get,比如这两个的结果是一样的
curl -s -v -H "bomber: xxx" -- "https://www.baidu.com"
curl -X GET -s -v -H "bomber: xxx" -- "https://www.baidu.com"
其中-s silent(静止的),代表不显示进度。如果删除它将会显示一大堆进度信息。
其中-v verbose(冗长的),代表进度请求(以>表示)和响应(以<表示)的信息,如果删除它将不会显示请求(以>表示)和响应(以<表示)的信息。
其中-H "bomber: xxx",代表请求的第二部分中自己增加输入的信息。如果删除,请求里面就不会显示bomber: xxx。
如果是需要上传数据,类似你的账号和密码信息,服务器后台会根据上传的数据返回响应的信息,后面必须要自己输入响应的动词POST。
curl -X POST -d "1234567890" -s -v -H "bomber: xxx" -- "https://www.baidu.com"
其中-d "1234567890"就是你上传的数据为1234567890。
可以看到请求的第一行的动词已经修改为POST啦,因为POST会返回你上传数据后台处理后信息,所以会显示CSS的信息,但是百度首页是不支持POST的,所以响应中出现的HTTP状态码是302,并且字节的长度大了很多,因为根据你上传的信息返回了很多CSS信息。
更多其他的关于curl命令的信息可以参考阮一峰的博客:
curl网站开发指南 - 阮一峰的网络日志www.ruanyifeng.comjiapeng的博客
Linux curl 命令下载文件www.cnblogs.com2018.12.2增加
如果使用curl下载网站代码可以如下操作。
curl 网站 > 本地保存的名字
比如
这样网站的代码内容就下载到本地的server.js里面保存啦
想要查看代码内容可以输入cat 本地文件名字即可,例如
本文为本人的原创文章,著作权归本人和饥人谷所有,转载务必注明来源