fiddler|基础操作+应用场景全过程！

• 过滤数据包

• 删除数据包

  1. 工具栏中 X 按钮 -> remove all
  2. 底部命令行输入 clear 或者 cls
  3. 选中数据包 -> 点击键盘上的 DELETE 或者右键 Remove (按条件删除所选的/未选的/所有的)

• 情景1 改包

• 模拟请求

  1. 浏览器发起请求

  2. 在fiddler记录请求，并把请求拖到composer，进行修改

  3. 在composer中，点击Execute发送模拟请求

  4. 在fiddler中查看响应

• 拦截并修改请求

  1. 设置请求断点，以对百度的断点为例：bpu www.baidu.com

  2. 浏览器发起请求，请求被fiddler拦截

  3. Inspectors修改请求, 点击 Run to completion

  4. 查看fiddler响应, 查看浏览器响应

  5. 取消断点, 输入bpu 回车, 可以取消之前设置的断点

• 举例：访问百度, 搜索 12306, 拦截并修改, 改为搜索taobao, 查看响应

  1. 设置断点，回车

  2. 浏览器发起请求

     
  3. Inspectors修改请求, 点击 Run to completion

• 请求保存到本地[拓展]

1. 保存请求, fiddler回话列表, 某一个请求右键 -> Save -> Request -> Entire Request

   用法1: 查看   用法2: 放到composer中, 重新请求

2. [用法2]使用请求, 把保存的请求的内容复制到 composer , 修改或直接执行

• 模拟响应

1. 浏览器发起请求, fiddler 抓包

2. 使用 fiddler 的 AutoResponder 修改响应的规则, 自动模拟响应

3. 可能需要清除浏览器缓存), 并再次使用浏览器发起请求

4. 浏览器查看响应

情景2 弱网

1. Rules -> Customize Rules... 点击

2. 进入到编辑脚本中, 修改限速, 保存

修改每KB的上传延迟, 默认 300ms

修改每KB的下载延迟, 默认 150ms

3.启动限速 Rules -> Performance -> Simulate Modem Speeds 点击

4.发起请求，并查看响应效果

情景3 前端性能分析

了解即可，看看请求时间到响应时间用时多久~