操作指南 · 开发者

如何在 Chrome 里 mock API 响应

NetworkRules2 分钟阅读

简短回答

新增一条带 URL 匹配、方法与状态码的规则,粘贴你想返回的 JSON——扩展拦截命中的请求、在本地返回你的响应,无需代理或服务器。

  1. 1

    打开扩展,在 Mocks 里新增规则。

  2. 2

    填 URL 匹配并选择 HTTP 方法。

  3. 3

    选状态码,粘贴 JSON 响应体。

  4. 4

    保存——命中的请求现在本地返回你的 mock。

测试应用如何处理某个 API 响应,不必架代理或假后端。在 Chrome 里你可以拦截请求、返回你自己的 JSON——本地完成,规则设一次即可。

Chrome 里的 Mock 规则编辑器:URL 匹配、方法、状态码与 JSON 响应体
定义一条 mock:URL 匹配、方法、状态与要返回的 JSON。命中的请求拿到你的响应——无服务器、无代理。

新增一条 mock 规则

打开扩展,在 Mocks 里新增规则。起个名字方便以后查找。

匹配请求

URL 匹配(如 ||api.example.com/users*),选 HTTP 方法;需要时打开正则。

设置响应

选状态码(200、401、404……),粘贴 响应体 JSON。可加延迟模拟慢网络;Pro 还能用 userScripts 做动态响应。

保存并测试

保存。命中的请求现在返回你的 mock、不再走网络——非常适合在 API 还没就绪时先行开发,或复现某个错误态。全部本地运行。

拦截、改写与 mock

改请求头、重定向、mock 响应——本地、最小权限。

了解 NetworkRules →