实际前端开发中,对接线上发布的后端接口,由于业务比较复杂,也设计到以前的库表,开发过程经常会出现部分页面数据不完整,无法对接整个流程,日常前端开发也有其他方式实现功能测试验证:
下面介绍使用 Fiddler 抓包工具修改 Response 返回结果
Win11 系统本地安装版本
v5.0.20204.45441 for .NET 4.6.1
Built: 2020年11月3日
64-bit AMD64, VM: 69.0mb, WS: 133.0mb
.NET 4.8 WinNT 10.0.22000.0
Fiddler 默认会抓包所有请求,这时候需要先过滤一下,方便抓包项目中的请求的接口,如目前的项目中本地请求的内网地址为 http://10.255.52.93:8080
在 Filters
勾选 Use Filters
, 在 Hosts
中选择 Show only Internet Hosts
和 Show only the following Hosts
, 在输入框中输入要过滤的 IP 和端口,如:10.255.52.93:8080
,点击 Actions
-> Run Filterset now
fiddler 过滤.png
如果侧边栏只有当前过滤的API请求,说明配置成功了
请求参数响应结果.png
注意
如果出现 Fiddler 抓包抓不到的情况,检查一下电脑上是不是启动了其他的代理工具,如 FQ 等工具会影响 Fiddler 的正常抓包功能,可以把其他代理工具关了试试
菜单栏选择 Rules
-> Automatic Breakpoints
-> After Responses
,这时候重新刷新页面,或点击页面某个操作按钮,重新发起请求,这时 Fiddler 请求会出现拦截,此时页面属于卡住状态,请求栏拦截的请求出现红色图标,点击拦截的请求,右侧区域会有 Breakpoint hit. Tamper,then:
状态栏,此时请求响应内容在 TextView
中可以修改的,修改完对应的数据后,点击 Run to Completion
按钮结束,这时候页面的数据显示的就是修改后的数据了。
断点设置.png
这时候前端开发人员就可以按需修改对应的请求结果,调试前端功能测试完整流程了。