fiddler

Fiddler基础介绍

介绍

Fiddler是一个http协议调试代理工具, 它能够记录并检查所有你的电脑和互联网之间的http通讯,设置断点,查看所有的“进出”Fiddler的数据(指 cookie、html、js、css等文件)。

安装

  1. 下载Fiddler:官网下载链接
  2. 勾选协议,默认安装即可
  3. (可选)汉化教程

菜单

image.png

基础操作

抓取请求

image.png

删除请求

image.png

过滤请求

image.png

抓取HTTPS

image.png

典型应用

  • Web网页,手机APP抓包
  • 修改服务请求与响应
  • 前端性能分析及优化
  • 模拟弱网测试

辅助定位bug

  1. 上报问题
  2. 定位问题
  3. 解决问题

应用场景

  1. 通过抓包工具截取观察网站的请求信息,更深入了解网站
  2. 通过用抓包工具截取、观察网站的请求与返回信息,帮助我们进行BUG定位与描述
  3. 通过抓包工具拦截修改请求信息,绕过界面的限制,测试服务端的功能

Fiddler辅助定位bug小结

HTTP请求与响应:均分为xx行,xx头,xx体

  1. Web网页,手机APP抓包
  2. 检查接口地址是否有误
  3. 检查响应状态是否存在异常
  4. 检查接口传递参数
  5. 检查接口返回数据

构建模拟测试场景

模拟发送请求,进行接口测试

  • 应用场景1:需求文档中说明,某个接口限制同一个账号只能请求一次,同一个设备只能请求一次
  • 应用场景2:存在页面输入限制,需要模拟特殊情况请求(例如特殊字符,空格等参数),测试程序处理机制
操作流程:
  1. 设置请求方法,请求地址,协议
  2. 设置请求header
  3. 设置请求body
  4. 发送请求
  5. 查看响应

Mock接口返回数据,测试程序

  • 应用场景1:需要验证接口数据能否正常处理,但程序处于开发过程中,后台无法对发送请求给出响应
  • 应用场景2:需要验证程序针对404,500,502等不同状态的处理机制

image.png

模拟弱网测试

原理

打开模拟限速开关
image.png

总结:

  1. 打开限速开关
  2. 设置弱网环境指标
  3. 使用app进行操作验证

前端性能分析及优化

image.png