一、簡介
whistle是一款基於Node的跨平臺web除錯代理工具。主要用於檢視、修改HTTP、HTTPS、Websocket的請求、響應，也可作為HTTP代理伺服器使用。
在除錯移動端專案時，我們無法像在Chrome開發工具下那樣看到請求、日誌、DOM結構等。當然，使用vConsole可以解決以上問題，不可否認vConsole能滿足移動端除錯的大多數場景，並且十分便利。但是vConsole必須要作為一款外掛注入專案程式碼中，這就有了侷限性。whistle相比之下就沒有限制。whistle的功能十分強大，本文只介紹安裝入門。
二、安裝
- 安裝Node。（不再介紹）
- 安裝whistle。
npm install -g whistle
- 啟動whistle
w2 start - 配置代理
推薦安裝Chrome代理外掛SwitchyOmega。
第一種安裝方式是通過FQ。
第二種安裝方式是安裝谷歌訪問助手，有了谷歌訪問助手便可以在谷歌商店下載軟體以及使用google搜尋引擎。安裝完成SwitchyOmega之後，配置代理。官網介紹非常詳細。
移動端除錯時，移動裝置要與PC在同一WiFi下，並且要給移動裝置網路配置代理，代理伺服器是PC的IP地址，埠號為PC上代理伺服器配置的埠號 - 訪問 配置頁面
域名訪問http://local.whistlejs.com/，或者IP+埠訪http://127.0.0.1:8899/ - HTTPS證書安裝
首先是windows下安裝根證書，然後移動裝置(以ios為例)在代理網路環境下，Safari位址列輸入rootca.pro，安裝完成之後需要手動信任根證書。設定-通用-關於本機-證書信任設定下設定信任根證書。
在 配置頁面 導航欄的HTTPS選項中，勾選Capture HTTPS CONNECTs，即可抓取HTTPS請求。然後在移動裝置訪問頁面時，即可在 配置頁面 的Network中看到請求。
PS:本文只是對安裝入門做了粗略總結，對部分注意細節進行闡述。關於whistle更詳細介紹、更多的功能請移步官網。