在上篇文章《Mac OS安裝Fiddler》介紹Fiddler工作原理，以及在Mac如何安裝Fiddler。計(jì)劃在Mac OS系統(tǒng)介紹Fiddler功能使用，但發(fā)現(xiàn)在實(shí)操過程中用戶體驗(yàn)不夠友好，操作起來不方便。最終還是選擇在Windows系統(tǒng)演示操作。
下面講述Fiddler功能主要有Filters使用，HTTPS請求，AutoResponder用法，Composer用法，如何抓取App數(shù)據(jù)包。
1.查看請求內(nèi)容
在左側(cè)session列表選中某個會話請求后，點(diǎn)擊右側(cè)“Inspectors”選項(xiàng)卡，可以查看該會話內(nèi)容，上半部分是展示請求內(nèi)容，下班部分是展示響應(yīng)內(nèi)容。如下圖所示：
2.使用Filters過濾請求
Fldder會抓取所有HTTP請求，導(dǎo)致左邊窗口的session窗口不斷輸出請求的URL，對調(diào)試造成干擾。通過設(shè)置過濾規(guī)則，過濾掉那些不需要的請求?？梢允褂肍ilters過濾請求，下面說說是如何使用Filters。
-
在工具欄中勾選Filters選項(xiàng)卡，在勾選左上角的Use Filters即可開啟過濾器，下方Hosts設(shè)置項(xiàng)是最常用的過濾條件：Zone和Host：
Zone：指定只顯示內(nèi)網(wǎng)（Intranet）或互聯(lián)網(wǎng)（Internet）的內(nèi)容
Host：可以過濾不顯示、過濾顯示和標(biāo)記指定會話。
假如只把
www.baidu.com請求顯示在會話請求框的話。在Host選項(xiàng)中，選中“Show only the following Hosting”。在輸入框輸入www.baidu.com。-
點(diǎn)擊“Changes not yet saved”按鈕進(jìn)行保存。
點(diǎn)擊“Actions”選中“Run Filterset now”運(yùn)行，就能看到過濾后的結(jié)果。
3.查看HTTPS請求
Fiddler沒有經(jīng)過配置是無法看到https請求的數(shù)據(jù)，如下圖所示：
幸好Fiddler可以通過偽造CA證書來欺騙瀏覽器和服務(wù)器，從而實(shí)現(xiàn)解密HTTPS數(shù)據(jù)包的目的。解密HTTPS步驟如下：
點(diǎn)擊菜單欄Tools—> Options.
在彈出框中，選中“HTTPS”，勾選頁面的“Decrypt HTTPS Traffic”，再點(diǎn)擊“Actions”選擇“Trust Root Certificate”，會彈出以下對話框。
選擇Yes安裝即可。
再次訪問HTTPS請求，能看到解析過數(shù)據(jù)，如下圖所示：
4.AutoResponder用法
AutoResponder允許攔截指定規(guī)則的請求，并返回本地資源或Fiddler資源，進(jìn)行調(diào)試功能。
譬如生產(chǎn)環(huán)境的頁面樣式或頁面處理有問題，當(dāng)測試環(huán)境無法重新生產(chǎn)環(huán)境問題是?？梢岳肍iddler的AutResponder功能，把需要修改的文件重定向的本地文件，這樣可以基于生產(chǎn)環(huán)境修改并驗(yàn)證，確認(rèn)后再發(fā)布。
如果服務(wù)端提供接口和數(shù)據(jù)格式有問題，為了不影響開發(fā)進(jìn)度，前端可以繼續(xù)調(diào)用那個接口，通過Fiddler將響應(yīng)內(nèi)容指定到本地?cái)?shù)據(jù)文件上。
現(xiàn)在使用博客園的找回登錄用戶名為例子。操作步驟如下：
- 在Fiddler找的https://passport.cnblogs.com的/GetUsername.apsx請求。
將GetUsername.apsx文件保存到本地（如果本地已經(jīng)有文件，可以跳過該操作）。選擇文件后右擊，點(diǎn)擊“save”—〉“Response”—〉“Response Body”。保存到本地。
在文件GetUsername.apsx中添加
alert('博客園')，如下圖所示：
-
直接打開AutoReponder標(biāo)簽設(shè)置，勾選一下兩個復(fù)選框，開啟Fiddler的重定向功能。
- 第一個復(fù)選框的作用是開啟和禁用自動重定向功能，當(dāng)勾選后就可以添加重定向規(guī)則。
- 第二個復(fù)選框是指允許未匹配到請求能正常響應(yīng)。打勾才能讓其他的請求繼續(xù)；否則其他未匹配到的請求都會以 404狀態(tài)返回。
所以我們需要再這兩個地方打勾。如下圖所示：
- 下面創(chuàng)建重定向規(guī)則，將目標(biāo)GetUsername.apsx的HTTP請求重定向到本地文件?？梢酝ㄟ^“Add Rule"按鈕手動添加規(guī)則?，F(xiàn)在URL已經(jīng)出現(xiàn)session列表中，可以直接拖動過來。
6.接著修改規(guī)則。點(diǎn)擊下方的下拉框，選擇“Find a file…”，就可以選擇本地文件作為返回內(nèi)容。選擇剛才保存GetUsername.apsx文件。
?
-
重新刷新頁面，可以看到以下效果。
5.Composer用法
在Composer面板中，我們可以向服務(wù)器發(fā)送自定義請求，可以手動創(chuàng)建新的請求，可以從session列表中拖拽現(xiàn)有請求。可以在RequestBody的輸入框修改請求的參數(shù)。
6.抓取iPhone/Android設(shè)備數(shù)據(jù)包
使用Fiddler抓取移動端設(shè)備的數(shù)據(jù)包，其實(shí)很容易。設(shè)置代理 ，使得Fiddler獲取移動端數(shù)據(jù)請求。
首先確保PC機(jī)和手機(jī)同一個局域網(wǎng)。打開Fiddler，點(diǎn)擊菜單欄中Tools—> Options。
-
勾選Connections選項(xiàng)卡中的“Allow remote computers to connect" 允許遠(yuǎn)程鏈接。
- 勾選后需要重啟Fiddler
- 默認(rèn)代理端口是8888，可以不需要修改。
- 將手機(jī)端的代理設(shè)置為PC機(jī)的IP和端口（假設(shè)PC機(jī)的IP是192.168.43.5）
打開手機(jī)瀏覽器，訪問PC的地址+端口。
打開頁面中點(diǎn)擊“FiddlerRoot certificate”，下載并安裝證書。
-
安裝完證書，使用手機(jī)應(yīng)用進(jìn)行訪問，就可以看到截取到的數(shù)據(jù)包。使用美團(tuán)App測試訪問的效果。
現(xiàn)在介紹Fiddler常用功能，很多功能可以去探索和學(xué)習(xí)，后面再會更新關(guān)于Fiddler文章。
