• 1、Traific Difer外掛
• 2、PDF View外掛
• 3、JavaScript Formatter外掛
• 4、CertMaker for iOS and Android外掛
• 5、Syntax-Highlighting Add-Ons外掛
• 6、Gallery外掛
• 7、Willow外掛（重點）
  • （1）Willow外掛下載
  • （2）Willow外掛安裝
  • （3）Willow外掛的使用

Fiddler已有的功能已經夠我們日常工作中使用了，為了更好的擴充套件Fiddler，Fiddler也是支援一些外掛的安裝，也支援使用者自己開發外掛並安裝。

Fiddler外掛下載地址：https://www.telerik.com/fiddler/add-ons

1、Traific Difer外掛

Traific Difer外掛用來對比兩個請求。

使用方式：拖動請求就可以了，比較對比資料。

作用：在現實開發中，在一個網站優化前儲存一個完整的會話序列，在優化後再儲存一個，通過對比兩個會話序列，來比較優化起多大作用，Differ選項頁中會有詳細資料。

安裝後，如下圖：

2、PDF View外掛

如果有一個請求的資源是PDF ，安裝了PDF View外掛，就可以用PDF的格式展示該資源。

說明如下：

This add-on adds a PDF inspector that generates previews of PDF files.

一個PDF檢查器，該檢查器生成PDF檔案的預覽。

3、JavaScript Formatter外掛

（1）介紹

JavaScript Formatter外掛是格式化JavaScript的簡單工具。右鍵單擊任何響應結果是JavaScript的會話，然後選擇Make JavaScript Pretty，或使用“規則”選單選項對所有下載的指令碼自動執行此操作。

（2）下載與使用

官網找到並下載JavaScript Formatter檔案，安裝時會生成JSFormat.dll檔案。

說明：根據圖中的地址可以找到該檔案，把該檔案放到安裝Fiddler檔案下Script目錄下。

重啟Fiddler，在請求列表中選擇一個JS相關的請求，右擊選擇Make JavaScript Pretty

可以看到語法是高亮的，而不會是一團密密麻麻的了。

4、CertMaker for iOS and Android外掛

CertMaker for iOS and Android外掛是解決iOS裝置和Android裝置，可能無法與Fiddler使用的預設HTTPS攔截證書一起使用。 要解決此不相容問題，您可以安裝生成證書的外掛，該外掛生成與那些平臺相容的攔截證書。

提示：有時候解決證書的問題很管用。

5、Syntax-Highlighting Add-Ons外掛

Syntax-Highlighting Add-Ons外掛：

該軟體包包含Fiddler的三個最有價值的擴充套件。

這些附加元件使用語法高亮顯示標記：

• SyntaxView檢查器為HTML，JavaScript，CSS，XML和其他Web格式提供語法突出顯示。
• RulesTab2擴充套件是一種直接在Fiddler中編輯FiddlerScript規則的強大方法。
• FiddlerScript編輯器是一個獨立的文字編輯器，可幫助您編輯Fiddler的規則。 它提供語法高亮顯示和類瀏覽器，以幫助您編寫指令碼。

提示：這些已經包含在最新版本的Fiddler中，不再作為單獨下載提供。

6、Gallery外掛

Gallery外掛：選擇圖片的會話後，Gallery外掛可以顯示所選會話中找到的所有影象的縮圖。

還提供了帶有可選影象效果的全屏幻燈片顯示模式。

7、Willow外掛（重點）

Willow外掛：可以統計資料包、修改Host、請求重定向、編碼轉換、低網速模擬：慢速網路模擬視覺化、斷點除錯、過濾HTTP請求等功能。

（1）Willow外掛下載

Willow外掛的下載地址：http://qzonetouch.github.io/commonWidget/willow

最新版本：WillowSetup-1.5.2.zip

（2）Willow外掛安裝

在解壓後的資料夾中，雙擊WillowSetup.exe檔案進行安裝。

安裝很簡單，Willow外掛安裝完成後會自動開啟Fiddler。

我們可以看到在輔助工具欄中出現了Willow外掛的標籤頁，說明Willow外掛安裝成功了。

如下圖所示：

（3）Willow外掛的使用

1）Willow外掛主要功能說明

我們可以把Willow外掛當作是AutoResponder工具和Tools —> HOSTS...功能的加強版。

Fiddler中我們可以選擇Tools —> HOSTS...功能，來匯入windows系統中的hosts檔案。

第一步：勾選Enable remapping of requests for one host to a different host or IP, overriding DNS.來開啟Fiddler中的HOSTS功能。

第二步：點選Import Windows Hosts File來匯入windows系統中的hosts檔案。

之後我們就可以在這裡編輯Windows系統中的hosts檔案，來定義主機規則，會很方便。

但是Willow外掛對於Windows系統中的hosts檔案的管理更加的豐富，可以根據不同的環境，比如測試環境，開發環境等，採用不同的主機規則。同理Willow外掛對於AutoResponder工具也是一樣的，Willow外掛可以用工程的方式，來區分不同環境所需要的主機規則和自動響應規則，這個功能就非常的實用。

2）建立專案

在Willow外掛中，右鍵Add Project(Ctrl+P)，然後填寫專案的名稱。

根據實際的需求，新增我們實際的測試環境或者專案環境。

例如，我們以專案的方式建立兩個測試環境，測試和開發。

3）給專案新增主機規則

選中專案，右鍵Add Host(Ctrl+o)

Domain：訪問的地址。IP：實際訪問的地址。

例如：當我訪問百度的時候，會訪問到我本地的迴環地址。

說明：訪問www.baidu.com 實則訪問 127.0.0.1這個本地換回地址，從而達到遮蔽網站的效果。

4）給專案新增自動響應規則

選中專案，右鍵Add Rule(Ctrl+U)

請求百度首頁的時候，百度首頁圖片會被本地圖片所代替。

再比如，我訪問京東的時候，跳轉到淘寶首頁。

這樣就形成了一個重定向功能。

5）總結：

在使用Willow外掛時，勾選中的配置選項，就可以進行應用，把不需要的環境配置取消勾選就可以了。

通過使用Willow外掛，我們就可以用專案的方式去管理規則。因為在實際工作中會設計多套規則，如果單獨使用AutoResponder工具管理，就不是非常的方便了。但使用Willow外掛就能非常系統的管理。

同時Willow外掛還有其他的一些功能也非常好用，如：設定過濾器，設定配色，匯入匯出等功能，我們可以在實際的工作用慢慢的學習。

還有很多Fiddler外掛，我們用到過後，慢慢積累總結。如果所有的外掛都不能滿足你的需求 ，你也可以自己開發外掛。