【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,然后会弹出个二维码,再扫描下方二维码,安装证书即可


二维码

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容