1、Fiddler的工做原理web
它在客戶端與服務器之間建立了一個代理服務器。
經過設置瀏覽器的代理服務器爲:127.0.0.1:8888 來截獲發出的請求。(在安裝完Fiddler以後通常是不須要手動設置代理服務器纔對,可是我在360瀏覽器中,必需要配置代理服務器後Fiddler纔會去監視,而Chrome大概是因爲之前裝過紅杏,Fiddler也沒有去監視,在取消了Chrome的代理服務器後重啓Fiddler此問題解決)後端
2、Fiddler的代理模式瀏覽器
一、流模式:實時返回(更接近瀏覽器自己的行爲)
二、緩衝模式:請求的全部數據都準備好後才返回
經過工具欄上的Stream按鈕切換這兩種模式
服務器
3、開發環境的host配置編輯器
TOOLS→HOSTS,而後勾選enable 函數
4、配置左側會話列表使顯示服務器web環境和服務器IP地址工具
Rules→Customize Rulesspa
找到main函數,在裏面添加如下代碼:插件
// 顯示服務器web環境 FiddlerObject.UI.lvSessions.AddBoundColumn("Server", 50, "@response.server"); // 顯示服務器IP地址 FiddlerObject.UI.lvSessions.AddBoundColumn("HostIP", 50, "x-hostIP");
5、先後端接口調試3d
右側面板的Composer(選中一個請求,而後將請求拖到Composer面板,修改請求參數,點擊Execute)
6、線上bug修復
右側面板的AutoResponder(本地文件代理)
選中一個請求,將它拖到AutoResponder面板,選中要替換的本地文件或者http響應狀態碼
7、右側面板的Inspectors
(對請求解包,若是TextView中出現亂碼,能夠在註冊表編輯器中找到HKEY_CURRENT_USER\Software\Microsoft\Fiddler2,右鍵新建字符串值 設置HeaderEncoding 的值爲GB18030)
8、插件
插件列表下載地址:http://www.telerik.com/fiddler/add-ons
1)FiddlerScript Editor插件安裝完後能夠在右側面板看到FiddlerScript的選項卡。
在其OnBeforeRequest 方法中,能夠設置請求前的延遲:
//請求前延遲 //oSession["request-trickle-delay"]="10000";
在其OnBeforeResponse方法中,能夠設置響應前的延遲:
//響應前延遲 //oSession["response-trickle-delay"]="10000";
設置延遲能夠用來模擬網速不佳的狀況= = 還有一個第三方插件willow,能夠很方便的管理host配置和請求限速,可是我安裝後Fiddler一直報錯。。。
2)JavaScript Formatter這個插件,安裝完後右鍵請求,能夠看到右鍵菜單有一個Make Javascript Pretty的選項,點擊後右側面板上查看Inspectors下的SyntaxView,js代碼就被美化顯示了。