API Override

Modern React Ajax/Fetch interceptor with groups and import/export

An open-source Chrome extension to intercept and mock the response of Ajax/fetch requests. 🧰 Main features: 1. Intercept and modify the response of XMLHttpRequest and fetch requests at the JS level. 2. Match requests based on contain / `*` wildcard / regular expressions, with optional HTTP request method filter. 3. Organize rules into groups, enable/disable per group or per rule, and adjust their order by drag & drop. 4. Edit response results in JSON (full or incremental override), Text, JavaScript, HTML, CSS or file format, with custom response headers and status codes. 5. Support Mock.js syntax out of the box (`@cname`, `@integer(1, 100)`, etc.), with the bundled Mock exposed as `window.Mock`. 6. Easily create mock scenarios in JavaScript by editing the response function, with original request information accessible from the arguments parameter. 7. Support overriding the request body of non-GET requests. 8. Support importing/exporting rule group configurations, with quick import from the panel header. 9. Light/dark theme and Chinese/English UI. 10. Built with Manifest V3, React 18 and TypeScript. ⚠️ Notes: 1. After installing the plugin, restart the browser or refresh the relevant pages to ensure normal use. 2. The plugin only modifies the response at the JS level and cannot display the modified result in the Network panel. The plugin prints the modified results to the console, which can be viewed there. 🌟 GitHub repository: https://github.com/electroluxcode/api-override 一个开源的 Chrome 扩展，拦截并 Mock Ajax/fetch 请求的响应 🧰 主要功能： 1、在 JS 层面拦截并修改 XMLHttpRequest 和 fetch 请求的响应结果 2、支持基于包含匹配、`*` 通配符、正则表达式匹配请求，并可限定 HTTP 请求方法 3、支持规则分组管理，可按分组或单条规则启用/停用，支持拖拽调整顺序 4、支持以 JSON（全量/增量覆盖）、Text、JavaScript、HTML、CSS 或文件形式编辑响应结果，可自定义响应头与状态码 5、开箱即用 Mock.js 语法（`@cname`、`@integer(1, 100)` 等），内置 Mock 挂载为 `window.Mock` 6、支持在 JavaScript 中编辑响应函数，从 arguments 参数获取原始请求信息，轻松创建 mock 场景 7、支持按规则替换非 GET 请求的请求体 8、支持导入/导出分组规则配置，面板顶栏可快速导入 9、支持明暗主题切换与中英双语界面 10、基于 Manifest V3、React 18 与 TypeScript 构建 ⚠️ 注意： 1、安装插件后，请重启浏览器或刷新相关页面，以确保插件正常使用。 2、该插件仅在 JS 层面对返回结果进行修改，无法在 Network 面板中查看修改后的结果。插件会将修改后的结果打印到控制台（Console）中，您可以在控制台中查看。 🌟 Github（欢迎 star~）：https://github.com/electroluxcode/api-override