移动端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/