PocketMocker:一款“所见即所得”的浏览器端可视化 HTTP Mock 工具
前言:我们为什么还需要另一个 Mock 工具? 在前端开发中,Mock 数据是一个绕不开的环节。但回看我们手头的工具,似乎总在两个极端之间摇摆: 重型平台 (YApi / Postman):功能强大,但需要频繁切换窗口,配置繁琐,且很难与本地代码紧密结合。 代码级库 (Mock.js / MSW):虽然集成在项目中,但修改数据通常需要改代码、保存、热重载,反馈链路长,且对非静态数据(如根据参数返回不同结果)的支持往往不够直观。 我们不禁思考:有没有一种工具,能像 Chrome DevTools 一样直接"生活"在浏览器里?点开就能改,改完立即生效,而且不污染我的业务代码? 这就是 PocketMocker 诞生的初衷。 什么是 PocketMocker? 所见即所得的浏览器端可视化 HTTP 调试工具。 PocketMocker 是一款零侵入的前端 Mock 工具。与传统的 Mock 方案不同,它直接嵌入在你的页面中 (通过 Shadow DOM 隔离),让你在开发时可以实时拦截 fetch 和 XMLHttpRequest,动态修改响应数据、模拟网络延迟和异常状态码。 🔗 在线演示...
