HTTP 协议的基本格式和 fiddler 的用法

HTTP协议格式

HTTP是⼀个⽂本格式的协议.可以通过Chrome开发者⼯具或者Fiddler抓包,分析HTTP请求/响应的细节.

抓包工具的使用

以Fiddler为例.

• 左侧窗⼝显⽰了所有的HTTP请求/响应,可以选中某个请求查看详情.

• 右侧上⽅显⽰了HTTP请求的报⽂内容.(切换到Raw标签⻚可以看到详细的数据格式)

• 右侧下⽅显⽰了HTTP响应的报⽂内容.(切换到Raw标签⻚可以看到详细的数据格式)

• 请求和响应的详细数据,可以通过右下⻆的View in Notepad 通过记事本打开.

抓包工具的原理

Fiddler相当于⼀个"代理".

浏览器访问sogou.com时,就会把HTTP请求先发给Fiddler,Fiddler再把请求转发给sogou的服务 器.当sogou服务器返回数据时,Fiddler拿到返回数据,再把数据交给浏览器.

因此Fiddler对于浏览器和sogou服务器之间交互的数据细节,都是⾮常清楚的.

抓包结果

以下是⼀个HTTP请求/响应的抓包结果.

HTTP请求

• ⾸⾏:⽅法+url+版本

• Header:请求的属性,冒号分割的键值对;每组属性之间使⽤\n分隔;遇到空⾏表⽰Header部分结束

• Body:空⾏后⾯的内容都是Body.Body允许为空字符串.如果Body存在,则在Header中会有⼀个 Content-Length属性来标识Body的⻓度;

HTTP响应

• ⾸⾏:版本号+状态码+状态码解释

• Header:请求的属性,冒号分割的键值对;每组属性之间使⽤\n分隔;遇到空⾏表⽰Header部分结束

• Body:空⾏后⾯的内容都是Body.Body允许为空字符串.如果Body存在,则在Header中会有⼀个Content-Length属性来标识Body的⻓度;如果服务器返回了⼀个html⻚⾯,那么html⻚⾯内容就是在body中.

协议格式总结

一、请求格式

  1. 请求行
  • 包含请求方法(如 GET、POST、PUT 等)、请求的资源路径和 HTTP 版本。例如:"GET /index.html HTTP/1.1"。
  1. 请求头
  • 由一系列键值对组成,如"Host"表示请求的主机名,"User-Agent"表示发出请求的客户端信息等。

  • 每个请求头占一行,格式为"头字段名: 值"。

  1. 空行
  • 用于分隔请求头和请求体。
  1. 请求体
  • 对于某些请求方法(如 POST),会包含要提交的数据。

二、响应格式

  1. 状态行
  • 包含 HTTP 版本、状态码和状态描述。例如:"HTTP/1.1 200 OK"。
  1. 响应头
  • 与请求头类似,也是一系列键值对,如"Content-Type"表示响应内容的类型,"Content-Length"表示响应内容的长度等。
  1. 空行
  • 分隔响应头和响应体。
  1. 响应体
  • 服务器返回的具体内容,如 HTML 页面、JSON 数据等。
相关推荐
剑锋所指,所向披靡!2 小时前
HTTP服务器的基本相关概念
服务器·网络协议·http
2301_777998343 小时前
TCP协议:滑动窗口与流量控制
服务器·网络·网络协议·tcp/ip·php
wangbing11255 小时前
开发指南148-WebSocket-前端查报文
网络·websocket·网络协议
liangshanbo12157 小时前
前端高级面试题:WebSocket 双向流式通信怎么设计?
前端·websocket·网络协议
可乐鸡翅yeah_7 小时前
新手梳理:HLS 线上问题,哪些该提给 CDN,哪些该找后端切片服务
开发语言·前端·javascript·vue.js·网络协议·http·m3u8在线
网络小江8 小时前
上网第四十一课:从输入网址到页面显示——一次完整的网络之旅
网络协议
m0_738185829 小时前
Flutter 鸿蒙化实战:http_proxy 适配 OpenHarmony,HTTP 代理
flutter·http·华为·harmonyos·鸿蒙
灯澜忆梦9 小时前
【minio】#5 | MinIO 分布式部署 + HTTPS 部署
分布式·网络协议·https·对象存储·minio
wangbing11259 小时前
开发指南148-WebSocket-后端
网络·websocket·网络协议
网络小江19 小时前
上网第三十九课:TCP 的可靠性——滑动窗口、重传与拥塞控制
网络协议