Fiddle簡介
Fiddler是最強大最好用的Web調試工具之一,它能記錄所有客戶端和服務器的http和https請求,允許你監視,設置斷點,甚至修改輸入輸出數據,Fiddler包含了一個強大的基於事件腳本的子系統,並且能使用.net語言進行擴展。
你對HTTP協議越了解,你就能越掌握Fiddler的使用方法.你越使用Fiddler,就越能幫助你了解HTTP協議。
Fiddler無論對開發人員或者測試人員來說,都是非常有用的工具。
Fiddler的官方網站:www.fiddler2.com
Fiddle安裝
請先選擇版本下載,雙擊即可安裝。
工作原理
Fiddler是以代理web服務器的形式工作的,它使用代理地址:127.0.0.1, 端口:8888. 當運行Fiddler時會自動設置代理,退出的時候它會自動注銷代理,不會影響別的程序。不過如果Fiddler非正常退出,這時候因為Fiddler沒有自動注銷,會造成網頁無法訪問。解決的辦法是重新啟動下Fiddler。

常見使用環境

工具條常用功能

工具欄從左到右按鈕功能分別為:
1.增加備注——選中某個會話,點擊按鈕,可對會話添加備注
2.回放按鈕——選中某個會話,點擊按鈕,回放對該會話的請求。快捷鍵為R
3.清空監控面板
4.調試Debug
5.模式切換——在流模式和緩沖模式之間切換,默認緩沖模式
6.解壓請求——將HTTPS的請求解壓,以便查看
7.保持會話——考慮電腦性能,自行選擇
8.過濾請求——按下按鈕不放,選擇要捕獲的軟件進程,松開按鈕,即可捕捉到該軟件發出的所有請求
9.查找——點擊,輸入想查找的會話
10.保存會話
11.保存截圖
12.計時器
13.快速啟動瀏覽器
14.清除緩存
15.編碼/解碼
狀態欄操作

1.上面黑色區域為控制台,用於輸入命令。
2.下面從左到右分別為:
(1)控制Fiddler是否工作——圖標出現:表示Fiddler工作;圖標消失:表示Fiddler不工作
(2)過濾會話來源
(3)記錄當前展示的會話數量
(4)會話的詳細地址
監控面板使用

左側框中常見項:
"#"列:表示記錄來自服務器端的請求會話
"Result"列:表示會話狀態
"Protocol"列:表示協議
"Host"列:表示主機地址/域名
右側框中常見項:
"Statistics"項:表示請求的性能指標
"Show Chart"項:表示可視化
"Inspectors"項:表示對請求解包
"AutoResponder"項:表示文件代理
"Composer"項:表示前后端接口連調
"Log"項:表示記錄log日志
"Timeline"項:表示網站性能分析
文件、文件夾代理和HOST配置
HOST配置
這個功能主要作用就是不需要每次配置hosts都到windows目錄下去修改hosts文件;可以直接方便在fiddler界面里面配置即可;方便快速的配置自己的測試host。
步驟如下:Tools》HOSTS》激活Enable功能》選擇服務器IP,修改要配置的Host的IP》save》刷新可啟用

文件、文件夾代理
選中文件,拖入AutoResponders界面》精准匹配》選擇本地文件》保存即可生效

請求模擬,前后端接口調試

網速限制
方法一:
Fiddle提供了一個功能,讓我們模擬低速網路環境…啟用方法如下:Rules → Performances → Simulate Modem Speeds (如下圖)

方法二:
Fiddler也可以自己定義Modem Speeds.點開Rules → Customize Rules (如下圖)

此時,如果沒有安裝FiddleScript插件,會彈出提示安裝,點擊確認即可安裝;如果有安裝插件,會彈出CustomRules.js的代碼,找m_SimulateModem這個字,你會找到下面這段:

這就是他模擬網路速度的原理,每上傳/下載1KB 要delay 多久。如果你習慣用kbps 去算的話,那么我們的算法就是 1000/下載速度 = 需要delay的時間(毫秒),比如50kb/s 需要delay200毫秒來接收數據。
請注意,當你存檔之后,原本已經勾選的Simulate Modem Speeds 會被取消勾選,要記得再到Rules → Performances → Simulate Modem Speeds 勾選,這樣限制網速就成功了。
常用插件
插件官方下載地址:www.telerik.com/fiddler/add-ons。Fiddle也支持第三方插件。
以下推薦幾款插件:
1.代碼格式化插件:JavaScript Formatter。安裝完重啟,右擊會話,選擇“Make JavaScript Pretty”,即可。如下圖。

2.對比會話插件:Traffic Differ。安裝完重啟,可在“監控面板”右側找到“Differ”選項,點擊,拖動多個會話即可對比信息。如下圖。

常見命令
help //打開官方的使用頁面介紹 select //選擇會話命令 ?.png //用來選擇png后綴的圖片 cls //清屏 (Ctrl+x 也可以清屏) bpu //截獲request
