前端开发者在接口联调阶段，普遍存在在代码中临时写入 mock 数据的做法，提测前需手动删除，一旦遗忘便可能将测试数据提交上线，埋下线上隐患。V2EX 用户近日分享了一款自研的 Chrome 调试插件 reqix，旨在解决这一痛点。该插件可直接在浏览器 DevTools 中创建和管理 mock 数据，无需修改业务源代码，同时支持修改请求与响应的 header、拦截网络请求、脚本注入等功能，覆盖前端调试中的多个高频场景。据作者介绍，插件完全免费，无需登录账号，所有数据均在本地存储，不涉及云端同步，对数据隐私较为友好。用户可通过官网地址安装试用，作者承诺向提交 bug 和改进建议的社区用户赠送铜币作为激励。从产品形态看，reqix 与 Whistle、Charles 等抓包调试工具定位相近，但更强调与 Chrome DevTools 的一体化集成，省去代理配置环节，降低了上手门槛。该插件目前以 Chrome 扩展形式发布，官网托管于 GitHub Pages，作者表示将根据社区反馈持续迭代。这一分享也引发社区对前端联调流程规范化的讨论：硬编码 mock 数据虽是普遍的临时方案，但借助工具将调试逻辑与业务代码解耦，正成为前端工程化建设的重要方向。
事件分析
Mock 数据管理长期存在两条路线：硬编码进源码或搭建独立 mock 服务器，前者污染代码库且易遗漏，后者则带来部署与维护成本。reqix 选择 Chrome 扩展作为载体，把拦截改写能力前置到浏览器环境，体现了前端工具链向 DevTools 内聚的趋势。相比 Whistle、Charles 等代理层工具，浏览器插件方案无需配置代理与证书，学习成本更低，但也受限于浏览器沙箱，难以覆盖小程序、Hybrid、原生应用等调试场景。该赛道已有 Requestly、Rewind 等同类产品，reqix 的竞争力取决于请求拦截的稳定性、规则管理的易用性以及社区驱动的迭代速度。若后续开源并完善规则导入导出、团队协作等能力，有机会切入中小团队的前端工作流。
核心观点：调试逻辑与业务代码解耦是前端工程化的必经之路，浏览器内 Mock 工具正在把这条路的门槛降到个人开发者触手可及。
原文链接：V2EX 分享发现
