为什么要有 whistle？
移动端网页是无法查看网络请求的，而且也没 console 控制台输出一些信息；
步骤
| 手机和 pc 端在同一网络环境下，通过 ifconfig | grep inet 命令找到内网 ip |
在手机端 wifi 配置代理（pc 端的地址 + whsitle 的端口号 8899 ）
在手机端安装 whistle 的根证书
手机设置代理后，Safari 地址栏输入 rootca.pro，按提示安装证书；进入 设置-通用-证书列表-安装，然后进入 设置-通用-关于-证书信任；
利用 whistle 查看页面 js 错误及通过 console.xxx 输出日志
whistle 内部实现了类似浏览器的 Console 的远程 Log 平台，只需配置简单的 whistle 规则即可自动捕获页面的错误及 console 输出的信息；
m.baidu.com log://
# 如果你想同时注入js脚本，可以用下面一种方式
# 在mac或linux加载本地js文件/User/xxx/test.js
# m.baidu.com log:///User/xxx/test.js
# 在windows上加载本地js文件D:\xxx\test.js
# m.baidu.com log://D:\xxx\test.js
# 直接从whistle的Values配置的key-value里面获取脚本
# m.baidu.com log://{test.js}
test.js
console.error({ error: true });
console.warn({ error: true, warn: { test: true } });
console.log(123456);
// 模拟抛出异常
console.notAFunction('test');
在 whistle 面板查看 console 信息。
利用 whistle 查看、修改页面的 DOM 结构及其样式
whistle 集成了 weinre 的功能，同样只需配置一条规则即可通过在 pc 上通过 weinre 修改网页的 DOM 结构及其样式：
m.baidu.com weinre://test
效果如下：
利用 whistle 注入 vConsole
vConsole 是微信团队开发的轻量、可拓展、针对手机网页的前端开发者调试面板，主要原理是通过在页面注入 js 实现模拟 PC 浏览器的 Console 功能，这边利用 whistle 的 js 协议往指定网页(m.baidu.com/)注入 vConsole.js，配置 whistle 规则：
m.baidu.com js://{vConsole.js}
注意： vConsole 和 weinre 不能同时使用
