如何使用fiddler抓取手机APP的包,进行前后端bug定位

如何使用fiddler抓取手机APP的包,进行前后端bug定位

前置条件: 抓包的电脑和运行app的手机必须是在同一个局域网(电脑和手机连接的是同一个无线路由器)

当前两个主流抓包工具:Fiddler和Charles

说明:Charles支持windows,mac,linux;Fiddler支持windows,在mac和linux使用需要很复杂的设置

如果windows首选Fiddler,如果Mac只能选Charles

fiddler设置步骤

1.开启抓包功能,并设置端口号

2.生成证书,并导出到桌面

开启设置

Tools--->options设置,

2. ##### 点击Connections设置,把"Allow remote computers to connect"选项前的勾选框,勾选上 3. ##### 确认监听端口为8888

4.生成并导出证书

二、APP设置

1.上传证书到手机,并安装
2.手机中设置代理

1.安装Fiddler证书:

​ 1.上传证书到手机: 将PC端导出到桌面的证书直接拖拽进模拟器窗口

  1. 进入系统设置--->安全--->凭据管理,选择从SD卡安装,找到证书(搜索fiddler),双击安装证书,自 定义命名并确定,安装成功后需要自定义锁屏密码(选择PIN码,进行设置);
3.设置手机代理

进入系统设置--->WLAN,选择当前连接的网络,在弹出窗口选择修改网络,代理选择手动,代理 服务器主机名输入本机IP,代理服务器端口与步骤1.1中设置的监听端口保持一致;

通过Fiddler抓包工具抓包

目的:定位BUG是属于前端还是后端

前后端问题定位

lua 复制代码
1.进行抓包,没有抓到接口---结论:前端问题(前端在用户操作时,没有调用登录接口)
2.进行抓包,有抓到接口查看请求数据,请求数据错误---结论:前端问题(没有按照后端要求传递请求数据)
3.进行抓包,有抓到接口查看请求数据且正确,查看响应数据错误--结论:后端问题
4.进行抓包,有抓到接口查看请求数据且正确,查看响应数据正确--结论:前端问题(前端获取接口返回的响应数据,在页面的展示出现问题)

弱网测试:

markdown 复制代码
目的:模拟用户在网络情况比较糟糕的情况下,能够正常使用系统
实现步骤:
	1.设置模拟网络延迟时间 
	2.开启网络限速
	3.在浏览器中操作要进行弱网测试的功能
1.设置模拟网速
  • 点击 fiddler中的 "rules"---"customize rules" 菜单(或者直接 CTRL+R),会打开一个脚本文件
  • 在脚本文件中,按ctrl+f进行搜索,搜索的关键字为300 。并修改对应的上传和下载的时间。
2.开启限速
  • 在rules菜单中,选择Perormance---Simulate Modem Speeds即可
3.进行弱网测试

断点测试

markdown 复制代码
目的:绕过前端限制(修改请求的数据和响应的数据)
实现步骤:
	1.修改请求数据
        1.1 开启请求断点
        1.2 在浏览器中操作对应的功能,发送请求
        1.3 发送的请求被抓包工具拦截,拦截接口后在抓包工具中修改对应的请求数据
    2.修改响应数据
    	2.1 开启响应断点
    	2.2 操作浏览器,发送对应的请求
    	2.3 拦截接口返回的响应数据,针对响应数据进行修改
修改请求数据
swift 复制代码
目的:传入无法通过UI界面,传入的请求数据
使用场景:校验后端接口,是否实现需求的功能
  1. 开启请求断点

    在浏览器中操作对应的功能,发送请求

  2. 发送的请求被抓包工具拦截,拦截之后可以在抓包工具中修改对应的请求数据

    关闭断点

修改响应数据
scss 复制代码
使用场景:(提高效率)后端接口返回各种场景响应数据,前端UI界面展示的实际结果是否与预期一致
  1. 开启响应断点

  2. 操作浏览器,发送对应的请求

  3. 拦截返回的响应数据,针对响应数据进行修改

相关推荐
shughui3 天前
FinalShell / Xshell 完整教程(下载+安装+使用,2026最新版)
linux·fiddler·xshell·xftp·finalshell·远程连接工具
大连好光景6 天前
Fiddler、Wireshark、Charles三种抓包工具的对比
前端·fiddler·wireshark
emilyhu20266 天前
测试工具fiddler抓包后Response的乱码问题解决方式汇总
测试工具·fiddler
半个俗人11 天前
fiddler的基础使用
前端·测试工具·fiddler
程序员Forlan15 天前
fiddler+手机或模拟器进行APP抓包
前端·智能手机·fiddler
loriloy16 天前
Fiddler 捕获Https协议配置
fiddler
shughui23 天前
Fiddler(二):自动转发(AutoResponder)功能详解
前端·测试工具·fiddler
椰椰椰耶1 个月前
接口性能测试:Postman与Fiddler双剑合璧
测试工具·fiddler·postman
shughui1 个月前
Fiddler下载、安装、使用、汉化,详细图文教程(2026附安装包)
前端·测试工具·fiddler
木井巳1 个月前
【网络原理】HTTP协议
java·网络·网络协议·http·fiddler