MOCK-PLUS

MOCK-PLUS क्या है?

MOCK-PLUS LUANMINGLI द्वारा विकसित एक क्रोम एक्सटेंशन है, और इसकी मुख्य विशेषता है "MOCK-PLUS"।

एक्सटेंशन स्क्रीनशॉट्स

एक्सएक्स एक्सटेंशन CRX फ़ाइल डाउनलोड करें

crx प्रारूप में MOCK-PLUS एक्सटेंशन फ़ाइलें डाउनलोड करें, ब्राउज़र में क्रोम एक्सटेंशन को मैन्युअल रूप से स्थापित करें या दोस्तों के साथ crx फ़ाइलों को साझा करें ताकि क्रोम एक्सटेंशन को आसानी से स्थापित किया जा सके।

एक्सटेंशन उपयोग निर्देश

> 保存、修改、模拟HTTP请求的响应数据，以无缝开发、测试、演示WEBAPP。

随着WEB中功能复杂度提升，业务流程变长，在开发和DEBUG过程中用真实数据调试前端代码成本升高。MOCK-PLUS扩展可以模拟接口返回数据供前端反复调试。

### 特点
- 可在网络级别修改WEB发送的请求
- 不侵入WEB中任何代码，不会向页面注入js
- 不会修改原生XMLHttpRequest及fetch对象
- 能够在开发者工具Network面板中查看相应的数据

### 功能列表
- MOCK-PLUS扩展将插入开发者工具选项卡面板中。在选项卡中可浏览保存的请求、修改或新建响应数据
- 可在WEB会话生命周期中任意时刻MOCK请求
- 可配置的生效请求域名、忽略的请求链接
- 不会保存相同请求体，并可配置request中忽略的params/data参数
- 单条请求链接级别配置request中忽略的params/data参数
- 可对比勾选的响应数据和真实响应数据的不同
- 对响应数据添加名称以便于区分，并可在popup面板中快速切换响应数据
- 保存及上传完整的配置文件，可用于共享

### 保存请求流程
```sequence
participant WEB as web
participant MOCK面板 as panel
participant DEVTOOL as devtool
participant BACKGROUND as background
participant CHROME as chrome

panel -> devtool : 开启保存
devtool -> chrome : 保存配置
web -> devtool : 发送请求
devtool -> chrome : 检查是否开启
chrome -->> devtool : 开启保存
devtool -> devtool : 监听req、res
devtool -> devtool : 过滤xhr类型
devtool -> devtool : 过滤redirect
devtool -> background : 发送请求数据
devtool -> background : 发送当前页面地址
background -> chrome : 读取配置
chrome -->> background : 返回配置
background -> background : 检查保存开关是否开启
background -> background : 检查配置的生效请求域名
background -> background : 获取链接中参数
background -> background : 根据配置过滤链接参数
background -> background : 获取请求体中参数
background -> background : 根据配置过滤请求体参数
background -> background : 根据配置对比请求、响应，\n判断是否重复
background -> background : 保存条数限制检查
background -> background : 整理要保存的数据格式
background -> chrome : 保存数据
chrome -->> background : 保存成功
background -->> panel : 保存成功
```

### MOCK流程
```sequence
participant WEB as web
participant MOCK面板 as panel
participant DEVTOOL as devtool
participant BACKGROUND as background
participant CHROME as chrome

panel -> devtool : 开启保存
devtool -> chrome : 保存配置
chrome -->> background : 通知开启
web -> background : 发送请求
background -> background : 过滤请求域名
background -> background : 过滤xhr类型
background -> background : 检查是否开启
background -> background : 检查请求链接是否过滤
background -> background : 检查是否有开启MOCK的数据
background -> background : 获取链接中参数
background -> background : 根据配置过滤链接参数
background -> background : 获取请求体中参数
background -> background : 根据配置过滤请求体参数
background -> background : 根据过滤后的请求数据寻找是\n否有匹配的已保存响应数据
background -> background : 生成DATAURL
background -->> web : 将请求重定向至DATAURL
web -> web : Network中返回DATAURL
web -> web : xhr对象获取响应数据
```

### 开发者工具中MOCK面板

### popup面板

### 单条请求链接中设置项
同全局配置项，只对当前请求链接生效

### changelog

#### 3.0.0
* 升级至v3版本
* v3无法获取请求体，去除检查请求体选项
* 去除对比下一次请求功能
* 保存迁移至devtool
* 更新数据自动生成拦截规则
* MOCK由chrome自动匹配规则

#### 3.0.1
* 增加多请求域名配置，可快速切换
* 增加tag配置，选择tag后保存数据、筛选相应数据
* 匹配规则适配chrome101,requestDomains配置

#### 3.0.2
* 增加对链接下数据请求参数、请求体参数过滤
* 增加全局搜索保存的数据
* 表格数据中始终展示tag信息
* 优化count、size显示

#### 3.0.3
* 优化对比已存在请求
* bug修复

एक्सटेंशन की मूल जानकारी

नाम	MOCK-PLUS
ID	mmicaoallbpjppoemcgikfkicokhikmn
आधिकारिक URL	https://chromewebstore.google.com/detail/mock-plus/mmicaoallbpjppoemcgikfkicokhikmn
विवरण	MOCK-PLUS
फ़ाइल का आकार	509 KB
स्थापना संख्या	26
वर्तमान संस्करण	3.0.3
अंतिम अपडेट	2022-06-26
प्रकाशन तिथि	2022-04-04
डेवलपर	LUANMINGLI
ईमेल	[email protected]
भुगतान के प्रकार	free
समर्थित भाषाएँ	zh-CN
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "MOCK-PLUS", "version": "3.0.3", "description": "MOCK-PLUS", "icons": { "16": "assets\/mao_128x128.png", "48": "assets\/mao_128x128.png", "128": "assets\/mao_128x128.png" }, "background": { "service_worker": "background.js" }, "action": { "default_icon": "assets\/mao_128x128.png", "default_title": "MOCK-PLUS", "default_popup": "index.html#\/popup" }, "content_scripts": [ { "matches": [ "" ], "js": [ "content-script.js" ], "run_at": "document_start" } ], "permissions": [ "declarativeNetRequest", "declarativeNetRequestFeedback", "storage", "downloads", "tabs" ], "host_permissions": [ ":\/\/\/*" ], "options_ui": { "page": "index.html#\/options" }, "devtools_page": "devtools.html" }