Fiddler的工作原理
1.Fiddler 是以代理web服务器的形式工作的，它使用代理地址:127.0.0.1，端口:8888
个人理解：fiddler是一个抓包工具，当浏览器访问服务器会形成一个请求，此时，fiddler就处于请求之间，当浏览器发送请求，会先经过fiddler，然后在到服务器；当服务器有返回数据给浏览器显示时，也会先经过fiddler，然后数据才到浏览器中显示，这样一个过程，fiddler就抓取到了请求和响应的整个过程。
2.fiddler的退出
image.png
3.fiddler的界面
image.png
2.http协议：请求和响应
http协议|
- 1.请求:请求行、头 正文
- 2.响应：响应行、头、正文
3.fiddler抓包
1.fiddler抓包界面功能
image.png
1.#:HTTP Request的顺序，从1开始，按照页面加载请求的顺序递增
4.filters 过滤器
fiddler.png
filters过滤.png
fiddler 拦截的操作
rules--automatic breakpoints--拦截请求,响应,不拦截
image.png
fiddler 模拟弱网操作
1、模拟弱网环境
打开Fiddler，Rules->Performance->勾选 Simulate Modem Speeds，勾选之后访问网站会发现网络慢了很多
image.png
2、Fiddler弱网的原理
Rules—>Cutomize Rules打开CustomRules.js 文档
在文件中搜索关键字c+f，m_SimulateModem
image.png
image.png
image.png
image.png
使用Fiddler代理调试本地手机页面
上面网站点开自行查看.通过tools--options--connectios--allow 打钩
image.png
image.png
fiddler的强化
- 增 简单的压测
- 删 拦截 打断点
- 改 断点调试
-
查 过滤 设置filters
image.png
http协议 前端类型
- web h5 app pc客户端
http 前后端架构
image.png
http 数据格式
image.png
http协议格式
分为: 请求和响应
请求分:请求行 头 正文
响应分:响应行 头 正文
请求行请求正文.png
请求行头正文.png
响应页面.png
响应头.png
请求行的格式:请求方法 url 协议版本
请求头的格式:键值对 key 连接符 vlaue
响应行的格式:协议版本 响应状态码 响应状态码描述
响应头的格式:键值对
请求行url格式 协议名://ip:端口/应用名/资源路径
请求参数的显示,当请求方法为get和post的区别
- get 请求参数跟在url后,用?链接
- post 请求参数在 请求正文里面显示
http协议 常见的响应状态码
- 200 响应成功
- 302 重定向
- 400 错误的请求,客服端发送的请求http不正确
- 404 文件不存在
-
500 服务器内部错误
image.png
单词学习: client 客户端
server 服务器
browser 浏览器
