前言

资源地址：
https://gitee.com/LjLoveMlh/tech_share/raw/master/%E8%B5%84%E6%BA%90/Ajax%20Interceptor/1.3.1_011.zip

给大家分享个好东西

Ajax Intercepto

帮助开发，测试人员Mock数据，更快，更安全

解决的痛点：

1. 直接改数据库，涉及到多表关联，牵一发动全身的尴尬
2. 效率低，无法体现实时性

一、 安装

1. 首先将zip格式文件解压

2. 进入谷歌扩展界面并打开开发者模式

   地址栏输入：chrome://extensions/即可

   

3. 点击加载已解压的扩展程序

   从文件资源管理器/访达中选中第1步中的文件夹

   

   点击选择，插件即添加至列表中

   

TIps：

1. 添加成功后一定要重启浏览器！
2. 不能对`localhost`地址进行测试（可使用`127.0.0.1`或者内网`IP`）

​ 添加成功后一定要重启浏览器！

​ 添加成功后一定要重启浏览器！

---

二、使用教程

以某系统客户列表为例

1. 打开浏览器，打开目标网站，点击导航栏右侧的扩展图标，点击Ajax interceptor

   

2. 打开插件开关，并点击添加按钮，插件界面如图所示

   

3. 从网络模块中复制出接口地址，并粘贴至【接口地址】中

   

4. 点击“右”箭头，展开输入框，并将list接口返回的数据复制到输入框中，详细操作如图所示

   

5. 展开JSON数据，并定位到表格行所对应的数据，更改值，并保存

   

6. 点击【查询按钮】测试响应值是否变更

   

---

三、 其他

有多个接口需要配合修改时，点击加号，重复上述步骤即可