跳转到正文

Mock 快速开始

1. 开启 Mock

打开浏览器扩展弹窗,确认 Mock 开关 已开启,然后在目标页面唤出侧边栏即可开始捕获请求。

2. 打开 Mock 面板

在目标页面唤出侧边栏,或在 DevTools 中打开 Mock 面板:

  • 快捷键:macOS 默认 ⌘ + H,Windows 默认 Ctrl + Shift + H(切换页面内侧边栏显示/隐藏)
  • 页面右键:页面空白处右键 → 打开 reqable
  • 扩展图标右键:工具栏扩展图标右键 → 打开 reqable
  • Chrome DevTools:打开开发者工具 → Mock 面板 标签(Mock 监控专用入口,适合需要更大工作区的场景)

点击扩展图标打开的是 Popup 弹窗,不是侧边栏。DevTools 入口仅包含 Mock 面板。

侧边栏打开后即可看到当前页面的请求列表。

侧边栏内也可以切换 Mock 开关。上方是当前页面实时捕获的请求列表,下方是 Mock 规则列表。

3. 从请求创建规则

双击请求列表中的任意接口,或点击操作列的 加号按钮,即可基于该请求生成一条 Mock 规则。

4. 修改响应并验证

点击刚生成的 Mock 规则,修改响应体后刷新页面,即可看到页面内容按 Mock 响应发生变化。

Released under the MIT License. · [隐私政策](/privacy) · [服务条款](/terms) · 联系:[arktomson99@gmail.com](mailto:arktomson99@gmail.com)