【whistle】强大的web调试代理工具

来来来，看这里，告诉大家一个调试代码超好用的工具，以前每次改代码都要上到测服或正服才能看到效果，这导致开发的时间被拉长且不方便。最近公司有个大神总是会抽时间传授我们知识，这个调试代理工具就是他安利给我们的。超开心的，改Bug再也不怕麻烦了，一些不知道还能这么操作的人可以看看，这样就可以节省时间，早点下班啦~~~，whistle 使用实践

whistle

#安装
 npm i -g whistle
#运行
 w2 start

 

运行截图

打开截图圈出的地址即可进入控制台界面，如图所示：

控制台

在这个页面可以写下规则，如下图：

规则

这个可以看请求的网络信息

请求的网络信息

不过输入地址https://m.baidu.com ，你会发现并没有跳转到京东，这是因为需要安装一个浏览器扩展插件Proxy SwitchyOmega

 

Proxy SwitchyOmega

 

安装了之后，浏览器会出现蓝圆环标志，点击选项

 

image.png

 

输入代理服务器和代理端口，如下图：

 

再来到刚刚的页面，便可查看

GIF.gif

至于在手机查看，需要连同一个wifi，再获取电脑ip地址，打开手机的wifi配置手动代理，设置主机名和端口，就可在手机查看调试

 

手机代理

提示

如果是https的地址，需要点击HTTPS，然后会弹出个二维码，再扫描下方二维码，安装证书即可

 

二维码

不过最新的安卓版本的微信好像不支持这个证书，我就遇到过这个问题无法代理，至今暂无解决方法，如果有哪位大神知道的话，请告知下，感谢~