fiddler的基础使用

HTTPS抓包配置

  • 打开 Fiddler,进入 Tools → Options → HTTPS 选项卡;
  • 勾选 Decrypt HTTPS traffic(解密 HTTPS 流量),同时勾选 Ignore server certificate errors (unsafe) 忽略服务端证书错误;
  • 点击 Actions → Export Root Certificate to Desktop,将 Fiddler 根证书导出到桌面这时候桌面上会出现证书FiddlerRoot.cer文件,点击OK设置成功,关闭fiddler;
  • PC端,在浏览器中导入证书FiddlerRoot.cer,谷歌浏览器点击设置, 然后进入高级设置,点击管理证书
  • 在受信任的根证书颁发机构,对证书进行导入,重启 Fiddler 和浏览器,即可正常抓取 HTTPS 流量。

过滤器

Hosts(主机过滤,最常用)

Show only the following Hosts(只显示以下域名)

Hide the following Hosts(隐藏以下域名)

多个用英文分号分割

弱网测试

弱网测试的核心是通过给请求 / 响应的传输增加延迟时间,限制上行和下行的传输速率,从而模拟弱网、网络抖动的场景

点击 Rules → Performance → 勾选 Simulate Modem Speeds,开启弱网模拟

点击开启后尝试打开浏览器页面,打开时间明显变慢

点击顶部菜单栏 Rules → Customize Rules设置响应时长

打开 Fiddler ScriptEditor 脚本编辑器,快捷键Ctrl+F 搜搜定位

修改request-trickle-delay(请求上行延迟)和 response-trickle-delay(响应下行延迟)两个参数实现不同网络情况的测试

自动转发/自动响应/模拟响应

进入右侧 AutoResponder 选项卡,勾选顶部的 Enable rules(启用规则)和 Unmatched requests passthrough(未匹配的请求正常放行,不影响其他业务);将抓到的目标会话,从左侧会话列表拖入 AutoResponder 的规则列表中;选中该规则,在下方的下拉框中选择响应方式,工作中最常用的是 Find a file,选择本地提前编写好的 JSON 文件(按照接口文档,写好符合预期的响应体、状态码);保存规则,前端重新发起请求,Fiddler 会直接拦截该请求,返回我们预设的本地数据,完成前端页面的联调、兼容性和边界场景测试。

适用于后端接口还没开发完成,但前端页面已经开发完毕,需要提前做联调测试,模拟后端返回数据

模拟请求/接口测试

自动断点

相关推荐
Nayana1 分钟前
《Web 到 HarmonyOS》-- Ability、Stage、模块化与路由导航
前端
ShineWinsu31 分钟前
对于 Vue 3:从为什么学 Vue,到声明式渲染与数据响应式的解析
前端·javascript·vue.js
测试狗科研平台37 分钟前
电池材料表征、电芯制备与性能测试--测试狗先进能源中试服务
科技·测试工具·材料工程
粥里有勺糖43 分钟前
视野修炼-技术周刊第132期 | 一些有趣的组件
前端·github·aigc
এ慕ོ冬℘゜1 小时前
样式控制 .css ()
前端·css
leoZ2312 小时前
第 6 篇:SchemaForm 渲染器核心实现
前端·javascript·vue.js·人工智能·神经网络·机器学习·自然语言处理
CoderYanger2 小时前
前端基础——JavaScript(基础语法)(下篇)
java·开发语言·前端·javascript·程序人生·面试·职场和发展
还是大剑师兰特2 小时前
vue项目浏览器版本判别,低于IE11跳转到新页面
前端·javascript·vue.js
计算机魔术师3 小时前
奥尔特曼致歉 GPT-6 Astra 发布混乱,现已面向所有 Plus / Pro 等用户推出
前端
落樱弥城3 小时前
RHI 设计考量:不同 API 差异分析
服务器·前端·性能优化