一、前言
告别繁琐配置,体验极速Mock! Chrome Overrides 是内置于最新版Google Chrome浏览器的轻量级接口Mock工具,相比传统的Charles/Fiddler等代理工具,它无需安装额外软件、不用配置代理规则,只需简单三步即可实时拦截和修改接口返回。开发者可以直接在浏览器内完成从抓包到Mock的全流程,是前端调试和接口测试的效率利器!
二、操作步骤
- 使用场景说明:在开发测试过程中,当遇到实际接口返回数据不符合测试需求(如缺少特定字段、无法模拟异常情况等)时,通过Chrome Overrides可以直接在浏览器层面Mock接口返回数据,既不需要后端配合修改接口实现,也无需调整数据库内容,就能高效完成各种边界条件和异常场景的测试验证。
- 实际返回如上图,期望返回:
{
"msgCode": "100",
"message": "处理成功",
"sysMessage": "",
"responseData": true,
"ext": {},
"iTotalRecords": 0,
"iTotalDisplayRecords": 0
}
- 打开开发者工具 快捷键:
-
点击 + Select folder for overrides
- 选择准备好的空文件夹
- 在弹出的权限对话框中点击 允许
-
激活覆盖功能
- 勾选 Enable Local Overrides 复选框
- 图标变为蓝色表示已激活
- 创建文件覆盖
- 系统会自动创建对应目录结构,跟请求接口是一致的
- 查看请求的接口已经被重写
三、关键事项
- 临时禁用:取消勾选 Enable Local Overrides
- 永久删除:在Overrides目录中删除对应文件
- 支持重写headers