limingziqiang / ajax-proxy

:bulb: Chrome、Firefox、Edge；轻量级Ajax代理 数据劫持并修改响应 & 重定向 URL

Ajax Proxy

原始项目已迁移 main-history-20220127

安装

Edge 版本

Chrome 版本

效果展示

可视化编辑响应数据

注意

1. 设置一个新的拦截或重定向功能时，需要重新刷新一下页面

目录结构

extensions 为浏览器插件目录 vue 为视图文件所在目录

调试模式

1. 如果已经安装了 ajax-proxy 插件，因为 background.js 脚本常驻后台，会影响调试，需先卸载原有插件。 运行 vue 文件夹的项目，并修改 extensions 文件夹下，background.js 里视图 url 地址。如下

async function createPanel() {
  ...
  const _createFunc = function () {
    chrome.windows.create(
      {
        // 如果是本地环境运行，请修改url地址为实际vue请求地址
        // 例如：http://localhost:8082
        // url: "page/index.html",
        url: "http://localhost:8082",
        type: "popup",
        width: 1230,
        height: 720,
        top: 100,
      },
      function (target) {
        setStore(WIN_ID, target.id);
      }
    );
  };
  ...
}

2. 浏览器打开开发人员模式，选择加载解压缩的扩展，选择 extensions 文件夹即可

扩展使用方式

编译 vue 文件

# 在vue目录下运行build
npm run build

根目录下生成扩展文件

开发环境为 Linux，如 Windows 用户无需用此方式

./zip.sh

测试用例

下载 Interceptor.test.json

分别使用在 掘金 首页、百度翻译 两个网站测试

1. 掘金: 直接在首页查看效果；
2. 百度翻译: 随便翻译点内容即可；