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