【第1181期】XSwitch - 一个解决本地开发请求转发的浏览器插件
2018-01-27 00:00
1916 查看
前言现在各位童鞋调试线上的问题是用什么工具呢?今日早读文章由阿里巴巴@九神带来的投稿分享。正文从这开始~解决的痛点在开发和调试过程中,经常需要把线上或者日常环境的 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 )
功能如果设定了如下规则:
![](http://ss.csdn.net/p?https://mmbiz.qpic.cn/mmbiz_png/meG6Vo0MevgEGaDH7aJa1BSFUjol1REyOJvDyZB1zXNsfMBt2vgCibbYxGDsEsicyLoibaRE5LJc5KFzmAjTGv6Ug/640?wx_fmt=png)
访问:https://g.alicdn.com/platform/daily-test/isDaily.js会进行如下转发:
![](http://ss.csdn.net/p?https://mmbiz.qpic.cn/mmbiz_jpg/meG6Vo0MevgEGaDH7aJa1BSFUjol1REyb2HcFicOnnXameRSH0oeK8I5ibiboNgMjU9RhUsMPrNjpbc5hjT3Kg2AQ/640?wx_fmt=jpeg)
支持自动提示
![](http://ss.csdn.net/p?https://mmbiz.qpic.cn/mmbiz_png/meG6Vo0MevgEGaDH7aJa1BSFUjol1REyDrW2yn4jdOkH1ibiax23naKflqr0A1OD9cAuibeW124XicpMaRdvwbPq7A/640?wx_fmt=png)
![](http://ss.csdn.net/p?https://mmbiz.qpic.cn/mmbiz_jpg/meG6Vo0MevgEGaDH7aJa1BSFUjol1REyjibnHYgPcvuJDOBW5btq2geX6ruUdaLVia9Xb5P95iboZzrV10RnJUHibg/640?wx_fmt=jpeg)
支持正则匹配https://github.com/yize/xswitch/blob/master/test/index.spec.jsLogo像是程序员的发际线
![](http://ss.csdn.net/p?https://mmbiz.qpic.cn/mmbiz_png/meG6Vo0MevgEGaDH7aJa1BSFUjol1REyD2VCAsAqsibU0CpRHjBxjfwzsL0NkfoB38ufXOqZ2xenR1TGMwiat4Gg/640?wx_fmt=png)
体验方式前往 Chrome Web Store 下载:https://chrome.google.com/webstore/detail/idkjhjggpffolpidfkikidcokdkdaoggXSwitch - Github:https://github.com/yize/xswitch最后,为你推荐【第362期】最简单实现跨域的方法:使用nginx反向代理【第172期】避免代码注释的五大理由
现有的 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 )
功能如果设定了如下规则:
访问:https://g.alicdn.com/platform/daily-test/isDaily.js会进行如下转发:
支持自动提示
支持正则匹配https://github.com/yize/xswitch/blob/master/test/index.spec.jsLogo像是程序员的发际线
体验方式前往 Chrome Web Store 下载:https://chrome.google.com/webstore/detail/idkjhjggpffolpidfkikidcokdkdaoggXSwitch - Github:https://github.com/yize/xswitch最后,为你推荐【第362期】最简单实现跨域的方法:使用nginx反向代理【第172期】避免代码注释的五大理由
相关文章推荐
- XSwitch - 一个解决本地开发请求转发的浏览器插件
- 在基于vue的webpack脚手架开发中使用了代理转发,结果浏览器发出的请求中不带cookie导致登录时总是session失效怎么办?
- 使用request.getRequestDispatcher请求转发到一个页面中文乱码解决
- Atitit.hybrid混合型应用 浏览器插件,控件的实现方式 浏览器运行本地程序的解决方案大的总结---提升用户体验and开发效率..
- 如何解决chrome 等浏览器不支持本地ajax请求的问题
- 分享一个开发使用的浏览器插件
- web开发中解决一个浏览器登录多个用户的方案
- 安卓开发xutils-Post请求一个方法解决单张图片,多张图片,文字的上传
- nodejs服务实现反向代理,解决本地开发接口请求跨域问题
- 使用request.getRequestDispatcher请求转发到一个页面中文乱码解决 【转】
- 用NPAPI开发跨浏览器的插件,解决浏览器兼容问题
- 使用request.getRequestDispatcher请求转发到一个页面中文乱码解决
- 使用阿里云ECS服务器转发外网请求到内网(微信公众号开发本地调试环境)
- 使用request.getRequestDispatcher请求转发到一个页面中文乱码解决
- 浏览器---Chrome前端开发必备插件,如何设置代理,react调试,定死https协议,sublime热更新,浏览器发请求post
- Atitit.hybrid混合型应用 浏览器插件,控件的实现方式 浏览器运行本地程序的解决方案大的总结---提升用户体验and开发效率..
- WebSAbbs v1.0 开发进度 - 完美解决请求队列问题
- 一个调试JSP的Eclipse插件的开发
- 一个简单的rss浏览器的开发日志
- 解决一个问题,发布一个自己开发的小工具