码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-12-01 09:15:27      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:head   错误   rom   str   响应   查看   详细教程   data-   方便   

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

技术图片

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

查看请求

  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文件只是服务器响应回来的。

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

标签:head   错误   rom   str   响应   查看   详细教程   data-   方便   

原文地址:https://www.cnblogs.com/homehtml/p/11965102.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!