用Chrome开发者工具查看HTTP请求与响应

如何用Chrome开发者工具查看HTTP请求与响应

查看请求

1. 打开 Network

2. 地址栏输入网址

3. 在 Network 点击，查看 request，点击「view source」

4. 可以看到请求的前三部分了
   
   

5. 如果有请求内容的第四部分（POST），那么在 FormData 或 Payload 里面可以看到
   

查看响应

1. 打开 Network
2. 输入网址
3. 选中第一个响应
4. 查看 Response Headers，点击「view source」
5. 你会看到响应的前两部分
   
6. 查看 Response 或者 Preview，你会看到响应的第 4 部分
   
   响应的js文件。会发现这个文件没有请求头,是因为js文件只是服务器响应回来的。