一、前言

告别繁琐配置,体验极速Mock! Chrome Overrides 是内置于最新版Google Chrome浏览器的轻量级接口Mock工具,相比传统的Charles/Fiddler等代理工具,它无需安装额外软件、不用配置代理规则,只需简单三步即可实时拦截和修改接口返回。开发者可以直接在浏览器内完成从抓包到Mock的全流程,是前端调试和接口测试的效率利器!

二、操作步骤

  1. 使用场景说明:在开发测试过程中,当遇到实际接口返回数据不符合测试需求(如缺少特定字段、无法模拟异常情况等)时,通过Chrome Overrides可以直接在浏览器层面Mock接口返回数据,既不需要后端配合修改接口实现,也无需调整数据库内容,就能高效完成各种边界条件和异常场景的测试验证。
  1. 实际返回如上图,期望返回:
{
    "msgCode": "100",
    "message": "处理成功",
    "sysMessage": "",
    "responseData": true,
    "ext": {},
    "iTotalRecords": 0,
    "iTotalDisplayRecords": 0
}
  1. 打开开发者工具 快捷键:

     

  1. 点击 + Select folder for overrides
      1. 选择准备好的空文件夹
      2. 在弹出的权限对话框中点击 允许
  2. 激活覆盖功能
      1. 勾选 Enable Local Overrides 复选框
      2. 图标变为蓝色表示已激活
  3. 创建文件覆盖
  1. 系统会自动创建对应目录结构,跟请求接口是一致的
  1. 查看请求的接口已经被重写

三、关键事项

  • 临时禁用:取消勾选 Enable Local Overrides
  • 永久删除:在Overrides目录中删除对应文件
  • 支持重写headers
 posted on 2025-05-08 16:40  王又又0226  阅读(271)  评论(0)    收藏  举报