windows下抓包工具whistle的安裝與使用

1、簡介

whistle是一款基於Node的跨平臺web調試代理工具。主要用於查看、修改HTTP、HTTPS、Websocket的請求、響應，也可做爲HTTP代理服務器使用。
在調試移動端項目時，咱們沒法像在Chrome開發工具下那樣看到請求、日誌、DOM結構等。固然，使用vConsole能夠解決以上問題，不能否認vConsole能知足移動端調試的大多數場景，而且十分便利。可是vConsole必需要做爲一款插件注入項目代碼中，這就有了侷限性。whistle相比之下就沒有限制。whistle的功能十分強大，本文只介紹安裝入門。

2、安裝

1. 安裝Node。（再也不介紹）
2. 安裝whistle。

   npm install -g whistle

3. 啓動whistle
   w2 start
4. 配置代理
   推薦安裝Chrome代理插件SwitchyOmega。
   第一種安裝方式是經過FQ。
   第二種安裝方式是安裝谷歌訪問助手，有了谷歌訪問助手即可以在谷歌商店下載軟件以及使用google搜索引擎。安裝完成SwitchyOmega以後，配置代理。官網介紹很是詳細。
   移動端調試時，移動設備要與PC在同一WiFi下，而且要給移動設備網絡配置代理，代理服務器是PC的IP地址，端口號爲PC上代理服務器配置的端口號
5. 訪問 配置頁面
   域名訪問http://local.whistlejs.com/，或者IP+端口訪http://127.0.0.1:8899/
6. HTTPS證書安裝
   首先是windows下安裝根證書，而後移動設備(以ios爲例)在代理網絡環境下，Safari地址欄輸入rootca.pro，安裝完成以後須要手動信任根證書。設置-通用-關於本機-證書信任設置下設置信任根證書。
   在 配置頁面 導航欄的HTTPS選項中，勾選Capture HTTPS CONNECTs，便可抓取HTTPS請求。而後在移動設備訪問頁面時，便可在 配置頁面 的Network中看到請求。

PS:本文只是對安裝入門作了粗略總結，對部分注意細節進行闡述。關於whistle更詳細介紹、更多的功能請移步官網。