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 响应发生变化。
