whistle —— 一个简单的本地调试工具

目前网上关于whistle的相关使用流程较少，来少写一点贡献一下。

起因

隔壁领域（兄弟）部门里面可爱的测试大兄弟可能为了W，提了一个我们部门的bug。奇怪的是Chrome上没问题，于是乎去Firefox上去看发现也没问题。带着疑惑我去找到了那大兄弟，他说我看就是有问题啊，你怎么看着没问题呢？到此，我截了一张图发过去，他回我说难道是我用360的问题？哦吼，有意思了（其实内心有一万个xxx在奔腾）。二话不说，把360浏览器download一下，进去看效果发现还真不一样。那既然打开了，咱就看看版本吧，好家伙一看就是国产浏览器标配内核，不说啥了。

经过

摇了摇头，叹了口气，想想解决办法呗。最先想到的是Chrome的resource override，神器级别的存在，代替线上资源么，懂得都懂（主要是我们框架的构建流水线跑完一次要半个多小时，并且可能代码还带不到线上去）。看了看360的工具栏，有插件这个选项，高兴的快要起飞就是那时候真实的心里想法。结果进插件商店逛了逛发现除了油猴脚本，其他没啥有用的东西，更别说resource override这样的东西了。

这不G了么？

嗨嗐嗨，没那么简单。既然浏览器没插件，我启动个脚本不一样吗？then，我找到了whistle，看了看官方文档和相关命令，感觉还可以，重要的是他们有图形化界面啊，那就直接npm拉包呗。（我认为这个node开发出来的工具集合了resource override和wireshark的优点）

下载并安装

在安装好node版本后，装一个npm就可以拉包了（用nvm不行的换一换版本，太低也撑不起来这个），剩下ca、proxy相关的东西我直接放个传送门：Anchor
PS:进之前先ping一下GitHub，多余的不赘述了。

使用方法

开启你的各种shell
w2 start （启动）
w2 proxy （全局代理）PS:本人比较懒，既然开启就开启全局的吧。
如果没更改端口，就打开本地的8899吧。进去以后都是图形化界面了，还支持配置HTTPS，舒服啊。
配置rules的时候建议用正则表达式进行模糊匹配，虽然我的正则表达式学的不好，但是不能阻挡我对这个垃圾（nb）东西的肯定啊。
这个东西还能调试插件！！！
替换资源的匹配方法用全url的，虽然它支持host更改。
CTRL + S 一下
随后再打开你的目标网站，那些线上的资源就可以被改指到其他地址去了。
那么我就可以调试360这个神仙浏览器了。
用完以后
w2 stop
w2 proxy off
切记:
不要只进行w2 stop，这只是关闭掉了界面。
你的代理依旧保持打开状态，一定要补一行w2 proxy off！！！
（问我不关会咋样？除非你连最后那点上b站摸鱼的机会都想放弃了）