使用Fiddler提高前端工作效率 (介紹篇)

1. FidHTTP://www.aliyun.com/zixun/aggregation/16504.html">dler 是什麼？

Fiddler是用C#編寫的一個免費的HTTP/HTTPS網路調試器。 英語中Fiddler是小提琴的意思，Fiddler-Web-Debugger就像小提琴一樣，可以讓前端開發變得更加優雅。

Fiddler是以代理伺服器的方式，監聽系統的網路資料流程動。 運行Fiddler後，就會在本地打開8888埠，網路資料流程通過Fiddler進行中轉時，我們可以監視HTTP/HTTPS資料流程的記錄，並加以分析，甚至還可以修改發送和接收的資料。 Fiddler還提供了清除IE緩存、請求構造器、文本轉換工具等等一系列工具，對前端開發工作很有價值。

2. 下載和安裝Fiddler安裝.net framework 2.0以上版本從官方網站免費下載Fiddler。

Firefox中用Fiddler，可以下載一個外掛程式：Fiddler開關

3. Fiddler的介面和功能清單

左側是資料清單，以不同的圖示區分資料類型和狀態，以下是圖示對應的含義：正在將請求資料發往伺服器正在從伺服器下載返回資料請求過程中暫停返回過程中暫停請求中使用了HTTP HEAD方法; 返回中應該沒有body內容請求中使用了HTTP CONNECT方法， 建立HTTPS連接通道返回的內容類型是HTML返回的內容類型是圖片返回的內容類型是JAVAscript返回的內容類型是CSS返回的內容類型是XML普通的成功的返回返回內容為 HTTP/300,301,302,303 or 307 跳轉返回內容為HTTP/304: 使用本機快取返回內容為一個證書請求返回內容是伺服器錯誤請求被用戶端、Fiddler或伺服器中斷檢視器利用檢視器提供的很多形式，我們可以查看資料流程的內容。 請求構建器（Request Builder）可以創建任意資料的請求篩檢程式篩檢程式可以對左側的資料流程清單進行過濾，我們可以標記、修改或隱藏某些特徵的資料流程。 AutoResponse功能這個功能可以算的上是Fiddler最實用的功能，可以讓我們修改伺服器端返回的資料，例如讓返回都是HTTP404或者讀取本地檔作為返回內容。 我們將在實例仲介紹利用AutoResponse功能。 文本編碼和解碼提供了常用的一些文本編解碼的轉換。 此外，還可以對兩個數據流進行比較Fiddler可以保存和打開「SAZ」格式的檔，這樣就可以將監聽到的資料流程保存下來，下次再重新打開分析。 可以利用FiddlerCap——一個專門用來錄製保存SAZ的小工具——保存SAZ檔。 SAZ檔可以設置密碼保護，比較貼心。 來源：HTTP://www.aliued.cn/?p=2567