MOCK PLUS în Chrome cu OffiDocs

DESCRIERE

> 保存、修改、模拟HTTP请求的响应数据，以无缝开发、测试、演示WEBAPP。 随着WEB中功能复杂度提升，业务流程变长，在开发和DEBUG过程中用真实数据调试前端代码成本升高 。Mock -Plus 扩展 可以 模拟 接口 返回 数据 供 前端 反复 调试。 ### 特点 - 可 在 网络 级别 修改 修改 发送 的 请求 - 不 侵入 侵入 中 任何 代码 ， 不 会 向 页面 注入 注入 侵入 不 会 代码 ， 不 不 会 向 页面 注入 注入 JS - 不 会 修改 原生 原生 不 会 向 页面 注入 注入 JS - 不 会 修改 原生 xmlhttprequest及 Fetch 对象 - 能够 在 开发者 工具 rețea 面板 中 查看 相应 的 数据 ### 功能 列表 - Mock -Plus 扩展 将 插入 开发者 工具 选项 卡面板 中。 在 选项 卡 中 可 浏览 保存 的 请求 、 修改 或 新建 响 响 应 应 可 浏览 保存 的 请求 、 修改 或 新建 响 响 应 应 可 浏览 保存 的 请求 、 、 修改 新建 新建 响 应 应 应数据 - 可 在 Web 会话 生命 周期 中 任意 时刻 时刻 Mock 请求 - 可 配置 的 生效 请求 域名 、 忽略 的 请求 链接 - 不 会 保存 相同 ， ， 并 可 配置 配置 中忽略 中忽略 的 Parame/date 参数 - 单条 请求 链接 级别 配置 配置 配置 配置 配置 配置cerere 中忽略 的 parame/date 参数 - 可 对比 勾选 的 响应 数据 和 真实 响应 数据 的 不同 - 对 响应 数据 添加 名称 以便于 区分 ， 并 可 在 在 面板 面板 中 快速 切换 响应 数据 - 保存 及 上传 完整 的 配置 文件 文件 文件 切换 响应 数据 - 保存 及 上传 完整 的 配置 配置 文件 文件 文件 响应 响应 数据 - 保存 及 上传 完整 的 配置 配置 文件 文件，可用于共享 ### 保存请求流程 ```sequence participant WEB ca participant web MOCK面板 ca participant la panou DEVTOOL ca participant devtool BACKGROUND ca participant de fundal CHROME ca panou chrome -> devtool -> devtool -> 可 开 六 中-> DevTool: 发送 请求 devtool -> Chrome: 检查 是否 开启 Chrome ->> devtool: 开启 保存 devtool -> devtool: 监听 req 、 res devtool -> devtool: 过滤 xhr 类型 devtool -> devtool: 过滤 Redirect devtool ->> Fundal: 发送 请求 数据 devtool -> fundal: 发送 当前 页面 地址 fundal -> crom: 读取 配置 crom ->> fundal: 返回 配置 fundal -> fundal: 检查 保存 开关 是否 开启 fundal -> fundal: 检查 配置 的 生效 生效请求 域名 fundal -> fundal: 获取 链接 中 参数 fundal -> fundal: 根据 配置 过滤链接 参数 fundal -> fundal: 获取 请求体 中 参数 fundal -> fundal: 根据 配置 过滤 请求 体 参数 fundal -> fundal: 根据 配置 对比请求 、 响应 ， \ n 判断 是否 重复 fundal -> fundal: 保存 条数 限制 检查 fundal -> fundal: 整理 要 保存 的 数据 格式 fundal -> crom: 保存 数据 crom ->> fundal: 保存 成功 fundal -> > panel : 保存成功 ``` ### MOCK流程 ```participant WEB ca participant web MOCK面板 ca participant la panou DEVTOOL ca participant devtool BACKGROUND ca participant de fundal CHROME ca panou chrome -> devtool : 开吘 devtool -> devtool保存配置 chrome -->> fundal : 通知开启 web -> fundal : 发送请求 fundal -> fundal : 过滤请求域名 fundal -> fundal : 过滤开启 fundal : 发送请求 fundal : 滤请求域名 fundal:是否 过滤 fundal -> fundal: 检查 是否 有 开启 Mock 的 数据 fundal -> fundal: 获取 链接 中 参数 fundal -> fundal: 根据 配置 过滤链接 参数 fundal -> fundal: 获取 请求体 中 参数 fundal -> fundal: 根据 配置过滤 请求 体 参数 fundal -> fundal: 根据 过滤 后 的 请求 数据 寻找 是 \ n 否 有 匹配 的 已 保存 响应 数据 数据 fundal -> fundal: 生成 background dataurl ->> web: 将 请求 重定 向 至 至 dataurl Web -> web : Network中返回DATAURL web -> web : xhr对象获取响应数据 ``` ### 开发者工具中MOCK面板

luanmingli.

com/mock-plus/panel.

png" alt="panel" width="1000" /> ### popup面板

luanmingli.

com/mock-plus/popup.

jpg" alt="popup" width="1000" /> ### 全局设置项说明 设置项 | 说明 :--- | :--- MOK文字 保存请求 | 开启/关闭保存请求的响应数据。开启时扩展图标上会出现蓝色SAVE文字。保存请求需打开开发者工具 生效的请求域名 | xhr请求该域名下的地址时才会触发保存 保存配置文件 | 将扩展所有数据保存至本地 上传配置文件 | 上传配置文件并覆盖扩展当前数据 相同链接条数上限 | 同一链接中保存的数据会按时间正序排列，超出限制条数后会删除最久远的未设置名称并未设置生效的响应数据 检查请求链接参数 | 判断是否已存在响应数据时，是否依据请求时的链接参数判断 检查请求体 | 判断是否已存在响应数据时，是否依据请求时的请求体参数判断 忽略请求链接参数 | 判断是否已存在响应数据时，忽略某些链接中的参数 忽略请求体参数 | 判断是否已存在响应数据时，忽略某些请求体的参数 列表中隐藏url中的字符| Mock 面板 中 展示 数据 时 ， 隐藏 请求 链接 中 中 的 某些 字符串 ， 鼠标 hover 时 会 显示 完整 链接 过滤 url 中 包含 的 请求 | 当 请求 链接 中 包含 某些 字符串 时 ， 忽略 保存 该 请求 请求 url 过滤 |根据请求链接/设置的名称过滤显示保存的数据 筛选当前页面链接 | 在保存的数据中筛选出从当前WEB链接中发出的数据 ### 单条请求链接中设置项 同全局配置项，只对当前请求链接 生效 设置 项 | 说明: --- |: --- 对比 下次 请求 | 同时 开启 MOCK 及 保存 请求 ， 并 有 生效 数据 ， ， 会 对比 该 数据 和 真实 返回 数据 ， 并且 能 直接 修改 保存 数据。 同 同 一 一 数据 ， 并且 能 直接 修改 保存 保存 数据。 同 一 一 一 一 数据 ， 并且 能 直接 直接 修改 保存 数据。 同 同 一 一 一 一 一时间 只 能 开启 一 条 对比。; ，点击可取消置顶 名称 | 可配置名称，替代URL显示，hover时会显示完整请求地址 过滤RESPONSE | 根据输入的字符串过滤已保存的响应数据 关闭按钮 | 关闭该链接下所有生效的MOCK ###单条 保存 数据 中 设置 项 设置 项 | 说明: --- |: --- 开启 按钮 | 点击 开启 MOCK 后 返回 该 条 响应 数据 生效 按钮 | 点击 关闭 返回 该 条 响应 数据 数据 Metoda | 请求 的 Metoda Paramelor |该请求根据配置项忽略后的链接参数 CORP |该请求根据配置项忽略后的请求体参数 RĂSPUNS |已保存的响应体数据 修改名称 |设置名称方便查找，并且设置名称后可在popup面板中快速切换 ### changelog #### 3.0.0 * 升级至v3版本 * v3无法获取请求体，去除检查请求体选项 * 去除对比下一次请求功能 * 保存 迁移 至 devtool * 更新 数据 自动 生成 拦截 规则 规则 * Mock 由 Chrome 自动 匹配 规则 #### 3.0.1 * 增加 多 请求域 名 配置 ， 可 快速 切换 * 增加 配置 ， 选择 选择 后 保存 数据 、 筛选 相应 相应 相应 相应 增加 ， 选择 选择 选择 后 保存 数据 、 筛选 筛选 相应 相应 相应 相应 相应 相应 筛选 、 筛选 筛选 相应 相应 相应 相应数据 * 匹配 规则 适配 chrome101, requestDomains 配置 #### 3.0.2 * 增加 对 链接下 数据 请求 参数 、 请求 体 参数 过滤 * 增加 全局 搜索 保存 的 数据 数据 * 表格 数据 中 始终 展示 展示 信息 信息 优化 优化 、 的 数据 数据 * 表格 数据 中 始终 展示 展示 信息 信息 优化 优化 、 、 数据 dimensiune显示 #### 3.0.3 * 优化对比已存在请求 * bug修复

Informații suplimentare:

- Oferit de LUANMINGLI
- Evaluare medie: 0 stele (am urât)
- Dezvoltator Această adresă de e-mail este protejată de spamboți. Aveți nevoie de activarea JavaScript-ului pentru ao vizualiza.

Web MOCK PLUS extension integrat cu OffiDocs Chromium on-line