whistle配置使用

whistle是Mac OSX平台用于替换Windows平台上的Fiddler，基于Node实现的跨平台web调试代理工具

官方文档：wproxy.org/whistle/

安装：

npm install -g whistle

启动whistle

w2 start

注： 安装以及启动，关闭，重启具体细节可以参看文档，基本上不会出什么问题

配置代理：

1、安装Chrome浏览器代理插件：SwitchyOmega

安装成功之后，打开“选项”

2、此时需要配置代理服务器，即我们刚才命令w2 start启动的whistle服务

http://127.0.0.1:8899（参看你本地起的服务） 即为我们需要填入的代理服务器的代理协议，代理服务器和代理端口，填完之后，左侧菜单点击应用选项

3、然后打开本地的hosts文件（/etc/hosts），在最后一行添加一行：

127.0.0.1 local.whistlejs.com

4、都填写完毕后，打开配置页面（即 local.whistlejs.com:8899/#network）(端口号记得改成自己的)

出现以上页面就代表成功了

5、配置HTTPS

6、最后是调试

例如你要拦截官网wproxy.org/whistle/的数据，让当前网址走你刚才配置的代理服务器就OK啦

如果你想调试本地页面，例如vue，react脚手架起的本地服务器，把localhost换成你的ip地址访问就可以了

7、whistle的配置至此便可以了，利用它我们可以拦截数据、转发请求、本地替换、注入html, js, css, 调试真机页面。这些配置，官方文档都有详细说明，如果有问题或者上述配置出现问题，可以在评论中告诉我，我会及时补充