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


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插件,我們用到過后,慢慢積累總結。如果所有的插件都不能滿足你的需求 ,你也可以自己開發插件。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM