移动端调试神器 whistle

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