Web開發又一利器之 Fiddler 使用教程

1.引言

在當前web開發工具滿天飛的年代，很難想象當時在沒有這些工具的年代，咱們是怎麼挺過來的。既然時代已經賦予咱們如此之多的精良工具，那麼就在工做之中盡情享用吧。

在須要截獲客戶端與服務器端之間的通信數據時，咱們會使用httpwatch或firebug。

在跟蹤樣式或調試js代碼時，咱們會在瀏覽器下按下F12，來啓用開發者工具；會在js代碼中加上debugger或藉助開發者工具的斷點（breakpoint）進行逐步調試。

以上工具或方法都能很好的解決咱們面臨的問題，但若是服務器在遠程而非本地，在咱們不能登陸到服務器的狀況下，咱們如何在代碼中添加debugger，或者又如何修改一些代碼嘗試看看運行效果呢？此時咱們必須藉助另外一利器：Fiddler。

ps: Fiddler項目主頁及下載地址 www.fiddlertool.com  ， 它是個免費軟件。 同類的商業產品有HTTPWatch:http://www.httpwatch.com 。

2.Fiddler代理工做原理

Fiddler是微軟開發的一個工具，可用來截獲本機與服務器以前的全部http通訊，在這個過程當中充當一個代理的角色。

在咱們啓動Fiddler的時候，Fiddler便已經做爲了一個代理服務器，以下圖所示：

做爲系統代理，全部的來自互聯網服務（WinInet）的http請求在到達目標Web服務器的以前都會通過Fiddler；一樣的，全部的Http響應都會在返回客戶端以前流經Fiddler。以下圖所示：

3.Fiddler界面描述

4.Fiddler請求中斷

能夠進入菜單「Rules/Automatic Breakpoints」來設置對請求進行中斷，設計的時機能夠是Before Requests、After Response。這樣咱們就能夠利用工具修改提交到服務器的數據信息（如：請求頭或請求體等），也能夠修改從服務器端返回的數據。

• 如下爲截獲提交到百度的數據，咱們能夠對提交的信息進行修改。

• 如下爲截獲到百度返回的數據，咱們能夠對返回的信息進行修改。（注意：若是返回的數據進行了壓縮，那麼默認將爲亂碼，可使用頂部菜單「Rules/Remove All Encodings」來解碼。）

5.Fiddler請求內容替換

在「Fiddler請求中斷」章節，咱們已經介紹瞭如何修改提交到服務器端的數據及修改服務器端返回的數據，但若是以爲這樣仍不過癮，咱們也能夠徹底用本地文件來代替須要從服務器下載的文件，這在咱們診斷跟蹤一些js文件但卻不能修改js文件時很是有用。

好比：在用瀏覽器測試P頁面時，P頁面引入了一個js資源文件R.js，因爲R.js文件在服務器S上，而我此時又不能登陸S服務器（沒有S服務器的賬 號），此時咱們就能夠經過瀏覽器將R.js文件下載到本地，而後對本地的R.js文件進行調整，最後經過設置Fiddler，將R.js文件的請求使用本 地的R.js文件。截圖以下：

其中

EXACT表示完整匹配URL時，才進行映射處理

regext:(?insx)表示可使用正則來匹配哪些URL須要進行映射處理

其餘一些參數再也不一一說明。

來自：http://blog.csdn.net/yhawaii/article/details/7245625