XSwitch - 一个解决本地开发请求转发的浏览器插件

开源项目 • yize • 发表于 1 年前 • 最后回复来自 peng316 • 11 月前

解决的痛点

在开发和调试过程中，经常需要把线上或者日常环境的 CSS、JS 转发到本地，Charles 等本地代理工具，特别是在全网 HTTPS 化后，变得更加复杂和繁琐。
现有的 Chrome 插件，交互形式，对程序员不是很友好，无法解决快速定位到某一条规则、快速开关组的需求。
anyproxy 是不错的工具，但是在浏览器转发上，配置起来相对麻烦。

XSwitch 的优势

基于 Chrome Extension，即装即用。不需要额外配置其他环境。
基于 Monaco Editor，可以使用编辑器带来的快捷操作方式。
可以写 JSON 注释。
即时保存，即时生效。
自动提示页面上加载到的资源文件，作为提醒（目前只抓取了 http(s) 的地址，其他协议的忽略了）
Open Source

功能

如果设定了如下规则：

访问：https://g.alicdn.com/platform/daily-test/isDaily.js

会进行如下转发：

支持自动提示

支持正则匹配

https://github.com/yize/xswitch/blob/master/test/index.spec.js

{
  // proxyRules
  "proxy": [
    [
      "//g.alicdn.com/platform/daily-test/(.*).js$",
      "//g.alicdn.com/platform/daily-test/$1.json"
    ],
    [
      "g.alicdn.com",
      "alinw.alicdn.com"
    ]
  ]
}