前言:
敏捷开发模式,线上企业出现问题,开发环境没有问题,如何用本地起的服务运行本地的代码代理线上环境代码。
环境:
macOS 10.15.7
chrome 版本 96.0.4664.93(正式版本) (x86_64)
问题:
代码线上遇到问题,本地已经修改了,业务逻辑很负责,不放心是否完全修复好了,如果要是线上这块逻辑能用本地代理执行,就靠谱了。
这里先说明一下: 如果是本地环境跑的项目,是可以直接在 f12直接插入代码片段,可以参考这篇文章
chrome开发者工具功能拾遗:Sources面板篇:
这里是线上的代码,插入不了,无解吗?
解决方案:
答案是: 有的,不过需要用到两个插件
- whistle 抓包神器(可以直接代理线上地址抓包)
教程很细,有空可以慢慢研究,我到现在也是看一点。
简要说一下过程,安装完成之后,w2 start 启动 whistle
浏览器中 打开 http://10.168.103.217:8899
- SwitchyOmega 插件
安装教程 www.jianshu.com/p/8320105f8…
github下载地址:
找到最新的版本
下载下来然后改成.zip文件,再解压
然后直接往chrome 扩展程序拖入
浏览器操作如下 先启用
图标变成蓝色 就表示启用成功。
然后在浏览器右上角
最后就是启用刚刚proxy 代理,点击proxy
浏览器输入线上地址:
可以看到本地的代码在线上环境生效了。
记得调试完了 上面的代理 proxy 切成 直接连接,在whistle 命令行中 w2 stop 停止whistle。