《吐血整理》進階系列教程-拿捏Fiddler抓包教程(20)-Fiddler精選插件擴展安裝,讓你的Fiddler開掛到你懷疑人生

1.簡介

Fiddler本身的功能其實也已經很強大了,但是Fiddler官方還有很多其他擴展插件功能,可以更好地輔助Fiddler去幫助用戶去開發、測試和管理項目上的任務。Fiddler已有的功能已經夠我們日常工作中使用了,爲了更好的擴展Fiddler,Fiddler也是支持一些插件的安裝,也支持用戶自己開發插件並安裝。

2.插件安裝

1.Fiddler擴展插件下載地址: https://www.telerik.com/fiddler/add-ons 如下圖所示:

2.當我們下載安裝好插件之後,這些插件的功能都會出現在Fiddler的輔助選項卡中。

3.安裝插件也很簡單,直接點擊Download下載好之後雙擊就可以安裝了,但是要注意的是安裝插件的時候爲了避免不必要的麻煩最好先關閉Fiddler,然後再安裝插件,安裝好插件之後再重啓Fiddler。

3.Fiddler精選插件

宏哥這裏按照插件首字母的先後順序列舉了一些工作中可能遇到或者是常用的、宏哥覺得比較重要的插件給小夥伴或者童鞋們講解和分享一下。

3.1Syntax-Highlighting Add-Ons插件

Syntax-Highlighting Add-Ons插件,如下圖所示:

該軟件包包含Fiddler的三個最有價值的擴展。

這些附加組件使用語法高亮顯示標記:

SyntaxView檢查器爲HTML,JavaScript,CSS,XML和其他Web格式提供語法突出顯示。

RulesTab2擴展是一種直接在Fiddler中編輯FiddlerScript規則的強大方法。

FiddlerScript編輯器是一個獨立的文本編輯器,可幫助您編輯Fiddler的規則。 它提供語法高亮顯示和類瀏覽器,以幫助您編寫腳本。

提示:也許是有價值吧,這些已經包含在最新版本的Fiddler中,不再作爲單獨下載提供。

3.2Traffic Differ插件

Traific Difer插件用來對比兩個請求。如下圖所示:

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

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

1.下載好插件之後雙擊安裝即可。

2.重啓Fiddler會發現輔助選項卡中多出了Differ選項,如下圖所示:

3.直接把抓到的數據會話拉入到裏面就可以進行對比查看了, 這對前端檢查頁面優化很有幫助。如下圖所示:

3.3Willow插件(重點)

Willow插件:可以統計數據包、修改Host、請求重定向、編碼轉換、低網速模擬:慢速網絡模擬可視化、斷點調試、過濾HTTP請求等功能。

(1)Willow插件下載

Willow插件的下載地址:http://qzonetouch.github.io/commonWidget/willow ,最新版本:WillowSetup-1.5.2.zip,如下圖所示:

(2)Willow插件安裝

1.在解壓後的文件夾中,雙擊WillowSetup.exe文件進行安裝。如下圖所示:

2.運行之後,直接下一步安裝即可, 記得一定要先關閉Fiddler,如下圖所示:

3.稍等一會,等待下載複製文件,如下圖所示:

4.點擊“完成”,即可安裝Willow插件,如下圖所示:

5.安裝很簡單,Willow插件安裝完成後會自動打開Fiddler。我們可以看到在輔助工具欄中出現了Willow插件的標籤頁,說明Willow插件安裝成功了。如下圖所示:

(3)Willow插件的使用

1)Willow插件主要功能說明

我們可以把Willow插件當作是AutoResponder工具和Tools —> HOSTS...功能的加強版。Fiddler中我們可以選擇Tools —> HOSTS...功能,來導入windows系統中的hosts文件。

1.啓動Fiddler,點擊Tools-->HOSTS,如下圖所示:

2.勾選Enable remapping of requests for one host to a different host or IP, overriding DNS.來開啓Fiddler中的HOSTS功能。如下圖所示:

3.點擊Import Windows Hosts File來導入windows系統中的hosts文件。如下圖所示:

4.之後我們就可以在這裏編輯Windows系統中的hosts文件,來定義主機規則,會很方便。如下圖所示:

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

2)創建項目

1.在Willow插件中,右鍵Add Project(Ctrl+P)。如下圖所示:

2.填寫項目的名稱,如下圖所示:

3.根據實際的需求,添加我們實際的測試環境或者項目環境。例如,我們以項目的方式創建兩個測試環境,測試和開發。如下圖所示:

3)給項目添加主機規則

1.選中項目,右鍵Add Host(Ctrl+o),如下圖所示:

2.Domain:訪問的地址。IP:實際訪問的地址。例如:當我訪問百度的時候,會訪問到我本地的迴環地址。如下圖所示:

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

4)給項目添加自動響應規則

我們還可以利用Willow給項目添加自動響應規則, 雖然Fiddler中的AutoResponder也有這個功能,但是Willow更加強大。例如:當請求百度頁面的時候,將百度logo圖片替換爲本地圖片。具體操作步驟如下:

1.選中項目,右鍵Add Rule(Ctrl+U),如下圖所示:

2.填寫Match(原始會話)和Action(替換動作),如下圖所示:

3.再次請求百度首頁的時候,百度首頁圖片會被本地圖片所代替。哈哈,像不像黑客將五星紅旗插在米國白宮的網站上,如下圖所示:

5)總結:

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

通過使用Willow插件,我們就可以用項目的方式去管理規則。因爲在實際工作中會設計多套規則,如果單獨使用AutoResponder工具管理,就不是非常的方便了。但使用Willow插件就能非常系統的管理。而且你將這兩個插件搭配起來使用,可以使你的工作達到事倍功半的效果。

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

當然一個項目中是可以添加多個規則的。如下圖所示:

4.小結

Fiddler還有很多插件,我們用到過後,慢慢積累總結。如果所有的插件都不能滿足你的需求 ,你也可以自己開發插件。好了,今天時間也不早了,宏哥就講解和分享到這裏,感謝你耐心地閱讀!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章