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

Build Status

解决的痛点

  • 在开发和调试过程中,经常需要把线上或者日常环境的 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"
    ]
  ]
}

Logo

像是程序员的发际线

希望 XSwitch 能够给大家带来帮助或者想法。

欢迎试用,欢迎提意见

Links

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值