HTTP入门(二):用Chrome开发者工具查看 HTTP 请求与响应

时间:2022-03-28 03:39:22

HTTP入门(二):用Chrome开发者工具查看 HTTP 请求与响应

HTTP入门(二):用Chrome开发者工具查看 HTTP 请求与响应

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

查看请求

  1. 打开 Network
  2. 地址栏输入网址
  3. 在 Network 点击,查看 request,点击「view source」
  4. 可以看到请求的前三部分了
    HTTP入门(二):用Chrome开发者工具查看 HTTP 请求与响应
    HTTP入门(二):用Chrome开发者工具查看 HTTP 请求与响应
  5. 如果有请求内容的第四部分(POST),那么在 FormData 或 Payload 里面可以看到
    HTTP入门(二):用Chrome开发者工具查看 HTTP 请求与响应

查看响应

  1. 打开 Network
  2. 输入网址
  3. 选中第一个响应
  4. 查看 Response Headers,点击「view source」
  5. 你会看到响应的前两部分
    HTTP入门(二):用Chrome开发者工具查看 HTTP 请求与响应
  6. 查看 Response 或者 Preview,你会看到响应的第 4 部分
    HTTP入门(二):用Chrome开发者工具查看 HTTP 请求与响应

响应的js文件。会发现这个文件没有请求头,是因为js文件只是服务器响应回来的。