功能概览

reqable 围绕请求监控和接口 Mock 提供一套完整的前端调试能力。

界面采用侧边栏形式，通过快捷键或右键菜单唤出。Mock 监控也可在 Chrome 开发者工具的 Mock 面板 标签中使用。

接口 Mock

Mock 是 reqable 的核心能力，覆盖从请求捕获、规则匹配到响应改写的完整链路。

请求监控

实时捕获当前页面所有 XHR / Fetch 请求
展示 URL、方法、状态码、耗时等信息
支持按 URL / 路径 / 方法 / 请求体 / 响应体等字段搜索
支持包含、不包含、等于、不等于、正则五种匹配模式
点击请求可查看完整的 Query、Headers、Body 和响应体

Mock 规则

一键创建：从监控列表双击或点击 + 号，将请求加入 Mock 列表
分组管理：支持自定义分组，不同分组的规则互不影响
启用/停用：逐条或批量控制规则生效状态
排序优先：匹配时按列表顺序从上到下，命中第一条即返回

匹配策略

提供四种匹配策略：

策略	说明
精确匹配	完整 `URL` + 请求体指纹完全一致才命中
智能匹配	精确匹配优先，未命中时降级为路径匹配
路径匹配	仅匹配 `URL` 路径（忽略 `query` 和请求体）
自定义匹配	自由组合 `URL` 匹配模式、是否比对请求体等

URL 匹配模式支持：精确、包含、正则、路径四种。

Mock 能力

每条 Mock 规则可独立开关以下能力：

响应替换 — 用自定义数据替换原始响应
模拟异常 — 将响应状态码改写为错误码
模拟超时 — 让请求超时（XHR 设 timeout=1，Fetch 标记超时）
改写请求体 — 替换请求发送的数据
改写请求头 — 替换请求发送的 headers
改写 Query — 替换 URL 中的查询参数
延迟响应 — 设置毫秒级延迟

响应编辑器

内置 Monaco Editor，支持 JSON 语法高亮和自动补全
支持普通模式（直接编辑 JSON）和高级模式（执行函数返回结果）
支持 AI 优化响应，通过自然语言描述自动修改响应内容

AI 能力

配置 AI 服务商（OpenAI / Anthropic / Gemini）和 API Key
从 YApi 接口文档批量生成 Mock 数据，自动读取接口 Schema
在 Mock 详情页通过自然语言优化响应内容
支持流式生成和差异预览，确认后才会替换当前响应

导入

支持 OpenAPI / Swagger、Postman Collection、HAR 和 cURL 导入
Apifox 等平台可以通过导出的 OpenAPI 文件接入
YApi 支持输入团队服务地址后自动读取接口列表
选择接口后可选择 AI 智能生成 或 YApi Mock 快速导入
AI 智能生成会读取 YApi Schema，生成更完整的 Mock 响应
YApi Mock 快速导入会直接复用平台已有 Mock，不依赖 AI 配置
AI 智能生成的规则会携带 YApi 上下文，便于后续 AI 优化

现场回溯

支持首屏全量导出：将当前监控列表中的所有请求一次性导出为 Mock
支持将当前监控列表中的请求直接批量添加到 Mock 列表
支持片段录制导出：开启录制后仅捕获新增请求，停止后导出
录制期间新增的请求会标记 REC 标签
导出的文件可在其他页面/浏览器通过文件导入恢复

Mock 导入导出

导出：支持导出当前分组或全部分组为 JSON 文件
导入：支持从 reqable 导出的 JSON 文件恢复 Mock 规则到指定分组
数据备份/迁移：在设置页可备份/恢复插件全部数据，详见插件设置 → 数据管理

缓存容灾

接口异常时自动使用本地缓存恢复，避免临时故障影响页面
支持按域名配置生效范围和缓存上限

详见缓存容灾。

使用偏好

界面语言支持跟随浏览器、中文和英文
主题支持跟随系统、浅色和深色
YApi 服务地址由用户配置，不依赖固定平台域名
设置、Mock 规则和界面偏好保存在扩展本地存储中