HTTP入门（二）：用Chrome开发者工具查看HTTP请求与响应

• 本文简单总结HTTP请求与响应
• 本文主要目的是对学习内容进行总结以及日后方便查阅
• 详细教程和原理可以参考HTTP文档（MDN）
• 本文版归杨帆所有
• 本文所引用的图片和文字版权归原作者所有，侵权删
• 如有错误请在下方评论区指出，欢迎积极讨论

HTTP请求包括四个部分
1.请求行

方法+路径+协议版本

2.请求头：

产生请求的浏览器类型、客户端可识别的内容类型列表、主机地址

3.空行 请求头后有空行用来发送回车符和换行符，通知服务器以下不再有请求头

4.数据体 如有POST请求 那么数据体 在Form Data里

Form Data中存放数据

POST请求查看帐户名和密码

查看请求

---

1.打开 Chrome 按f12进入开发者模式
2.打开 Network
3.地址栏输入网址
4.打开Requst Headers 点击view source

如有POST请求 则出现在第四部分的Form Data中

HTTP响应包括四个部分
1.状态行

协议+状态码+状态码文本描述

2.响应头

包含服务器类型，日期，长度，内容类型等

3.空行

4.要下载的内容就是服务器返回的HTML页面或者json数据

查看响应

---

1.打开 Chrome 按f12进入开发者模式
2.打开 Network
3.地址栏输入网址
4.打开Response Headers 点击view source

第四部分为js内容