『言善信』Fiddler工具 — 17、Fiddler常用外掛(Willow)

繁華似錦Fighting發表於2021-06-22

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

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

1、Traific Difer外掛

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

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

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

安裝後,如下圖:

image

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檔案。

image

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

重啟Fiddler,在請求列表中選擇一個JS相關的請求,右擊選擇Make JavaScript Pretty選項,在左邊響應視窗中的TextViewSyntaxView都可以看到格式化效果。(推薦使用SyntaxView檢視)

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

image

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檔案進行安裝。

image

image

image

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

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

如下圖所示:

image

(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檔案。

image

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

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

2)建立專案

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

image

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

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

image

3)給專案新增主機規則

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

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

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

image

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

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

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

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

image

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

image

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

5)總結:

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

image

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

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

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

相關文章