MOCK-PLUS

设置名称方便查找，并且设置名称后可在popup面板中快速切换 web chrome 根据配置过滤链接参数 -> -> :--- 根据配置过滤请求体参数 : background background background * web | <img devtool * * 关闭该链接下所有生效的mock 监听req、res 3.0.0 -> background chrome background 点击关闭返回该条响应数据 全局设置项说明 -> ### 请求的method background 对响应数据添加名称以便于区分，并可在popup面板中快速切换响应数据 participant -> background | background | chrome background devtool ```sequence : 设置项 ```sequence chrome devtool devtool 过滤redirect : : background mock 根据请求链接/设置的名称过滤显示保存的数据 alt="popup" - background -->> 不会保存相同请求体，并可配置request中忽略的params/data参数 * -> |  -> -> 可配置名称，替代url显示，hover时会显示完整请求地址 * -> panel background 置顶 xhr请求该域名下的地址时才会触发保存 background 优化对比已存在请求 | as 该请求根据配置项忽略后的链接参数 : 说明 chrome : : -> | devtool 开启对比后url位置会出现对比图标，点击可取消对比 mock面板中展示数据时，隐藏请求链接中的某些字符串，鼠标hover时会显示完整链接 : - 保存请求  发送请求数据 devtool 对比下次请求 background | 检查请求体 获取链接中参数 | as xhr对象获取响应数据 判断是否已存在响应数据时，忽略某些链接中的参数 -> 开启保存 增加多请求域名配置，可快速切换 params participant * - -> 修改名称 开启/关闭保存请求的响应数据。开启时扩展图标上会出现蓝色save文字。保存请求需打开开发者工具 设置项 chrome 检查请求链接是否过滤 devtool devtool : : 开启保存 devtool | | as background panel 忽略请求体参数 -->> : 上传配置文件 background devtool 检查配置的生效请求域名 保存请求流程 | -> 随着web中功能复杂度提升，业务流程变长，在开发和debug过程中用真实数据调试前端代码成本升高。mock-plus扩展可以模拟接口返回数据供前端反复调试。 response v3无法获取请求体，去除检查请求体选项 : ``` ### as 单条请求链接级别配置request中忽略的params/data参数 participant as background | -> devtool 开启/关闭mock。开启时扩展图标上会出现红色mock文字 同一链接中保存的数据会按时间正序排列，超出限制条数后会删除最久远的未设置名称并未设置生效的响应数据 -> | 获取请求体中参数 background : 判断是否已存在响应数据时，忽略某些请求体的参数 可在web会话生命周期中任意时刻mock请求 | 检查是否开启 | : background -->> /> 匹配规则适配chrome101,requestdomains配置 panel devtool background background :--- 判断是否已存在响应数据时，是否依据请求时的请求体参数判断 同时开启mock及保存请求，并有生效数据时，会对比该数据和真实返回数据，并且能直接修改保存数据。同一时间只能开启一条对比。 alt="panel" | -->> participant * 3.0.1 -> : background -> : web background mock面板 -> : chrome 列表中隐藏url中的字符 #### 点击开启mock后返回该条响应数据 | ### 发送请求 保存条数限制检查 可配置的生效请求域名、忽略的请求链接 检查请求链接参数 devtool 置顶后url位置会出现置顶按钮，点击可取消置顶 : 过滤response background web background 整理要保存的数据格式 web width="1000" -> 保存迁移至devtool 优化count、size显示 - : -> 更新数据自动生成拦截规则 检查是否开启 : | -> as 根据输入的字符串过滤已保存的响应数据 background 增加全局搜索保存的数据 background 返回配置 /> -> ### : 特点 过滤xhr类型 | participant 开发者工具中mock面板 : | devtool 开启按钮 根据配置对比请求、响应，\n判断是否重复 : ### : participant background | mock流程 3.0.3 获取链接中参数 background 上传配置文件并覆盖扩展当前数据 通知开启 将请求重定向至dataurl : -> web | background bug修复 popup面板 | background : 读取配置 过滤xhr类型 : background 根据过滤后的请求数据寻找是\n否有匹配的已保存响应数据 as 增加对链接下数据请求参数、请求体参数过滤 -> -> #### background body participant 生成dataurl background 判断是否已存在响应数据时，是否依据请求时的链接参数判断 : #### 检查保存开关是否开启 -> 3.0.2 单条保存数据中设置项 -> <img background : panel 名称 background : web - ``` background - | 同全局配置项，只对当前请求链接生效 mock面板 - - | background 单条请求链接中设置项 保存成功 background : 发送请求 background devtool : background background src="https://assets.luanmingli.com/mock-plus/popup.jpg" : 保存配置文件 devtool width="1000" participant | 保存、修改、模拟http请求的响应数据，以无缝开发、测试、演示webapp。 -> 不同请求链接按请求时间倒序排列，可设置将该条目置顶 : > as - * -> -> * 已保存的响应体数据 changelog background | ### : -> chrome | 过滤url中包含的请求 当请求链接中包含某些字符串时，忽略保存该请求 -> 去除对比下一次请求功能 保存成功 ### background 获取请求体中参数 network中返回dataurl 相同链接条数上限 不会修改原生xmlhttprequest及fetch对象 - 保存配置 | : 根据配置过滤链接参数 chrome 保存数据 * 筛选当前页面链接 background mock-plus扩展将插入开发者工具选项卡面板中。在选项卡中可浏览保存的请求、修改或新建响应数据 | * * #### :--- : src="https://assets.luanmingli.com/mock-plus/panel.png" 过滤请求域名 可对比勾选的响应数据和真实响应数据的不同 web 保存及上传完整的配置文件，可用于共享 devtool as 关闭按钮 panel : devtool 根据配置过滤请求体参数 chrome -> -> web chrome devtool background ### mock由chrome自动匹配规则 | | :--- : 该请求根据配置项忽略后的请求体参数 | 生效的请求域名 background 可在网络级别修改web发送的请求 * 检查是否有开启mock的数据 -->> background -> participant 在保存的数据中筛选出从当前web链接中发出的数据 background 不侵入web中任何代码，不会向页面注入js background chrome web 表格数据中始终展示tag信息 web | 开启保存 * 能够在开发者工具network面板中查看相应的数据 participant 增加tag配置，选择tag后保存数据、筛选相应数据 : background 生效按钮 : 说明 -->> 升级至v3版本 | 设置项 -> method chrome :--- | as background 将扩展所有数据保存至本地 : ### - * 保存配置 background 忽略请求链接参数 background 发送当前页面地址 :--- 说明 - ### url过滤 功能列表