这里使用了一个早期的ajax请求拦截浏览器插件，对于前端工作还是挺有帮助，它可以帮助前端对于后端返回的数据进行修改，用于测试页面数据
image.png
- 无需后端配合，快速 Mock 接口数据
前端可直接修改任意接口的响应内容（JSON / HTML / Text），模拟不同数据状态。
适用于：字段缺失、异常结构、空数组、错误码等边界情况测试。 - 高效验证页面 UI/交互逻辑
修改返回数据 → 实时查看页面渲染效果，无需等待后端联调。
例如：
把 status: 0 改成 status: 1 测试成功/失败态
添加超长文本测试布局溢出
注入特殊字符测试 XSS 防护 - 调试数据结构兼容性问题
当后端临时变更字段名、类型或嵌套结构时，前端可用拦截器“修复”数据格式，避免页面崩溃。
快速定位是 数据问题 还是 代码逻辑问题。 - 绕过权限/环境限制进行本地测试
模拟高权限用户的数据返回，测试管理后台功能。
在无测试账号情况下，伪造登录态所需的关键字段。 - 提升开发效率，减少对后端依赖
后端接口未完成？用拦截器返回假数据先行开发。
联调阻塞？自己构造各种响应场景自测。 - 低成本实现 A/B 测试原型
通过修改返回内容，快速验证不同 UI 方案的效果（如改按钮文案、隐藏某模块）。 - 安全可控，仅作用于本地浏览器
所有修改仅在开发者本机生效，不影响线上服务或其他人。
关闭插件即恢复真实接口，无残留风险。
