【第1181期】XSwitch - 一个解决本地开发请求转发的浏览器插件

前言

现在各位童鞋调试线上的问题是用什么工具呢?今日早读文章由阿里巴巴@九神带来的投稿分享。

正文从这开始~

解决的痛点

  • 在开发和调试过程中,经常需要把线上或者日常环境的 CSS、JS 转发到本地,Charles 等本地代理工具,特别是在全网 HTTPS 化后,变得更加复杂和繁琐。

  • 现有的 Chrome 插件,交互形式,对程序员不是很友好,无法解决快速定位到某一条规则、快速开关组的需求。

  • anyproxy ( https://github.com/alibaba/anyproxy ) 是不错的工具,但是在浏览器转发上,配置起来相对麻烦。

XSwitch 的优势

  • 基于 Chrome Extension,即装即用。不需要额外配置其他环境。

  • 基于 Monaco Editor ( https://github.com/Microsoft/monaco-editor ),可以使用编辑器带来的快捷操作方式。

  • 可以写 JSON 注释。

  • 即时保存,即时生效。

  • 自动提示页面上加载到的资源文件,作为提醒(目前只抓取了 http(s) 的地址,其他协议的忽略了)

  • Open Source ( https://github.com/yize/xswitch )

功能

如果设定了如下规则:

640?wx_fmt=png

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

会进行如下转发:

640?wx_fmt=jpeg

支持自动提示

640?wx_fmt=png
640?wx_fmt=jpeg

支持正则匹配

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

Logo

像是程序员的发际线

640?wx_fmt=png

体验方式

前往 Chrome Web Store 下载:https://chrome.google.com/webstore/detail/idkjhjggpffolpidfkikidcokdkdaogg

XSwitch - Github:https://github.com/yize/xswitch

最后,为你推荐

【第362期】最简单实现跨域的方法:使用nginx反向代理

【第172期】避免代码注释的五大理由

640?wx_fmt=jpeg


猜你喜欢

转载自blog.csdn.net/wGL3k77y9fR1k61T1aS/article/details/79178261