Fiddler简单使用

Fiddler使用方法

1.作用

  • 接口测试,发送自定义请求,模拟小型的接口测试
  • 定位前后端bug,抓取协议包,前后端联调
  • 构建模拟测试场景,数据篡改,重定向
  • 弱网测试,模拟限速操作,弱网,断网
  • 前端性能优化及分析

2.工作原理

fiddler类似于客户端服务器中间的一个代理服务器

请求和响应由fiddler转发,所以它能截取数据信息

3.安装后配置

配置抓取规则Rules

隐藏CONNECT 请求和304

Hide Image Requests: 隐藏所有图像请求,这样在日志或会话列表中就不会显示图像文件的请求。

Hide CONNECTs: 隐藏所有的 CONNECT 请求,这通常用于 HTTPS 代理,允许隧道 SSL/TLS 流量。

Automatic Breakpoints: 自动在每个请求上设置断点,这可以用于调试目的,让每个请求都暂停,以便进行检查。

Customize Rules... Ctrl+R: 允许用户自定义规则,可能是通过快捷键 Ctrl+R 来访问规则定制界面。

Require Proxy Authentication: 要求代理身份验证,这意味着任何尝试通过代理的请求都需要提供认证信息。

Apply GZIP Encoding: 应用 GZIP 编码,这可以压缩传输的数据,减少传输大小,加快加载速度。

Remove All Encodings: 移除所有编码,这可能用于查看原始数据,不经过任何压缩或编码处理。

Hide 304s: 隐藏 304 状态码的响应,这表示自从上次请求后,内容没有变化,不需要重新下载。

Request Japanese Content: 请求日语内容,这可能用于模拟或测试针对特定语言的内容。

Automatically Authenticate: 自动进行身份验证,这可以用于自动处理需要认证的请求。

User-Agents: 用户代理设置,允许用户模拟不同的浏览器或设备来发送请求。

Performance: 性能设置,可能包括缓存、连接超时等性能相关的配置。

4.配置证书抓取HTTPS包

Tools下面的Option

把下面这些勾选上

5. 设置过滤器

抓取指定服务器的数据包

上面是请求信息,下面是响应信息

6. 模拟弱网测试

可以设置2G,3G,5G网

打开Rules下面的customize rules

找到

可以更改网络延迟,模拟各种网络环境

然后勾选performance的第一项完成调整

7. 断点调试

可以选择在请求前或是请求后打断点调试

选择请求前打断点

会被fiddler拦截

黄色按钮表示终止响应,绿色表示放行

这时候可以篡改请求的信息,然后放行提交

8. 如何定位前后端BUG

理论上:

请求参数有问题,那么是前端的问题;

请求参数没有问题,响应的参数有问题,那就是后端的问题。

但是没有详细接口文档的情况下,无法判断接口参数是否有问题

实际上:

查看响应结果

结合需求文档和日志,综合对比

假如通过抓包发现前端参数名错误或是参数值为空,从而导致后端报错。那么是前端的问题

可以按照接口文档对应数据填写上传验证

相关推荐
鹏多多2 分钟前
React状态管理库Zustand的实用教程
前端·javascript·react.js
excel10 分钟前
前端安全必修课:用 Web Cryptography API 玩转加密、签名、派生与密钥管理
前端
江城开朗的豌豆14 分钟前
useLayoutEffect:你以为它和useEffect是"亲兄弟"?其实差别大了!
前端·javascript·react.js
江城开朗的豌豆19 分钟前
聊聊useEffect:谁说副作用不能“优雅”?
前端·javascript·react.js
!执行20 分钟前
开发electron时候Chromium 报 Not allowed to load local resource → 空白页。
前端·javascript·electron
top_designer24 分钟前
告别“复制粘贴”式换肤:我用Adobe XD组件变体与CC库,构建多品牌设计系统架构
前端·ui·adobe·系统架构·ux·设计师·adobe xd
赛博切图仔39 分钟前
面试手写 Promise:链式 + 静态方法全实现
前端·javascript·面试
掘金安东尼44 分钟前
互联网不再由 URL 为核心入口
前端·人工智能·github
Moment1 小时前
面试官:用户访问到一个不存在的路由,如何重定向到404 Not Found的页面 ❓❓❓
前端·javascript·面试
前端小巷子1 小时前
深入 Vue3 computed
前端·vue.js·面试