【开源项目】Pocket Mocker — 前端网络调试的手术刀

从 开源项目推广困境 这个帖子继续聊起
感谢佬友们上次对项目的建议，学习到了很多，我进一步梳理了 PocketMocker 的思路。
特别感谢 @YougLin 大佬的建议

【开源项目】Pocket Mocker — 前端网络调试的手术刀2

前端开发中，一个长期痛点是：调试网络边缘场景非常麻烦。

比如，我想测试 UI 如何处理 500 内部服务器错误或异常的 JSON 数据，通常有三种低效方式：

1. 在组件里硬编码临时逻辑

if (true) throw new Error()

不优雅，而且容易忘记清理。

2. 请求后台修改配置或数据 需要等待后台改动，效率低。
3. 搭建复杂 Mock 服务器 为了一个小测试投入大量精力，成本高。

Chrome DevTools 虽然可以观察流量，但无法直接干预请求。

核心理念：调试，而不仅仅是 Mock

Pocket Mocker 的设计理念是：“在浏览器层拦截请求，快速调试 UI 对异常网络响应的处理 ”。

特点：

• 即时拦截 & 修改：在请求到达应用代码前修改状态码、Headers 或 Body
• 手术刀式调试 ：
  
  • 测试 Error Boundary → 改状态码
  • 重现缺字段 bug → 改 JSON 响应
• 零代码污染：无需修改项目文件，自由控制规则开关

它不是要替代 MSW 或全套 Mock 方案，而是专注于加强前端对于 http 的控制。

核心功能亮点

• 修改状态码：模拟 401 / 404 / 500 等
• 编辑响应体：轻松测试空数据、长文本或异常字段
• 零污染：浏览器层生效，不改原项目文件
• 即时效果：修改立刻反映在 UI 上

在我的日常工作中，Pocket Mocker 大大提升了调试效率，尤其是复现生产环境 bug 或者测试边界条件时，节省了大量时间。

如果你佬友们曾为前端网络调试头疼，不妨试试 Pocket Mocker。

它让网络调试像手术一样精准、可控，而不是依赖笨重的 Mock 或改后台数据。

GitHub 地址：