移动端h5页面嵌入的方式多种多样，普通的chrome真机调试功能有时就不能满足要求了。
whistle通过设置wifi服务器代理的方式，可以抓包调试所有移动端请求的页面。
whistle的github地址：https://github.com/avwo/whistle/blob/master/README-zh_CN.md。
总的来说，分成3步：
1. 启动代理服务器。
依托node，全局安装whistle，通过 whistle start 命令启动。
2. 浏览器设置代理服务器，用于显示抓包调试内容。
目前仅限chrome浏览器。推荐使用switchOmega插件。主要需要配置ip地址和端口号。
3. 手机wifi设置代理服务器。
下面来说说代理服务器：
代理服务器相当于一个中转站。假设坐在家中的小张，突然想喝甜品店的紫薯麦麦拿铁，
不用代理时，小张直接打电话给甜品店：“歪~来杯热的紫薯麦麦拿铁~”；
设置代理时，小张需要给中转站打电话：“我想要甜品店的紫薯麦麦拿铁”，中转站给甜品店打电话：“要一杯热的紫薯麦麦拿铁”，拿到后再给小张。
whitle功能很强大，
可以调出控制台，显示打印信息；
查看并调整dom结构；
查看css样式。
更多功能及详细用法，可以参考文档：http://wproxy.org/whistle/