第七天fiddler

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 浏览器