1.引言

在當(dāng)前web開發(fā)工具滿天飛的年代，很難想象當(dāng)時在沒有這些工具的年代，我們是怎么挺過來的。既然時代已經(jīng)賦予我們?nèi)绱酥嗟木脊ぞ?#xff0c;那么就在工作之中盡情享用吧。

在需要截獲客戶端與服務(wù)器端之間的通訊數(shù)據(jù)時，我們會使用httpwatch或firebug。

在跟蹤樣式或調(diào)試js代碼時，我們會在瀏覽器下按下F12，來啟用開發(fā)者工具；會在js代碼中加上debugger或借助開發(fā)者工具的斷點(diǎn)（breakpoint）進(jìn)行逐步調(diào)試。

以上工具或方法都能很好的解決我們面臨的問題，但如果服務(wù)器在遠(yuǎn)程而非本地，在我們不能登錄到服務(wù)器的情況下，我們?nèi)绾卧诖a中添加debugger，或者又如何修改一些代碼嘗試看看運(yùn)行效果呢？此時我們必須借助另一利器：Fiddler。

ps: Fiddler官方網(wǎng)站及下載地址 www.fiddlertool.com ， 它是個免費(fèi)軟件。 同類的商業(yè)產(chǎn)品有HTTPWatch:http://www.httpwatch.com 。

2.Fiddler代理工作原理

Fiddler是微軟開發(fā)的一個工具，可用來截獲本機(jī)與服務(wù)器之前的所有http通信，在這個過程中充當(dāng)一個代理的角色。

在我們啟動Fiddler的時候，Fiddler便已經(jīng)作為了一個代理服務(wù)器，如下圖所示：

作為系統(tǒng)代理，所有的來自互聯(lián)網(wǎng)服務(wù)（WinInet）的http請求在到達(dá)目標(biāo)Web服務(wù)器的之前都會經(jīng)過Fiddler；同樣的，所有的Http響應(yīng)都會在返回客戶端之前流經(jīng)Fiddler。如下圖所示：

3.Fiddler界面描述

4.Fiddler請求中斷

可以進(jìn)入菜單“Rules/Automatic Breakpoints”來設(shè)置對請求進(jìn)行中斷，設(shè)計(jì)的時機(jī)可以是Before Requests、After Response。這樣我們就可以利用工具修改提交到服務(wù)器的數(shù)據(jù)信息（如：請求頭或請求體等），也可以修改從服務(wù)器端返回的數(shù)據(jù)。

• 以下為截獲提交到百度的數(shù)據(jù)，我們可以對提交的信息進(jìn)行修改。

• 以下為截獲到百度返回的數(shù)據(jù)，我們可以對返回的信息進(jìn)行修改。（注意：如果返回的數(shù)據(jù)進(jìn)行了壓縮，那么默認(rèn)將為亂碼，可以使用頂部菜單“Rules/Remove All Encodings”來解碼。）

5.Fiddler請求內(nèi)容替換

在“Fiddler請求中斷”章節(jié)，我們已經(jīng)介紹了如何修改提交到服務(wù)器端的數(shù)據(jù)及修改服務(wù)器端返回的數(shù)據(jù)，但如果覺得這樣仍不過癮，我們也可以完全用本地文件來代替需要從服務(wù)器下載的文件，這在我們診斷跟蹤一些js文件但卻不能修改js文件時非常有用。

比如：在用瀏覽器測試P頁面時，P頁面引入了一個js資源文件R.js，由于R.js文件在服務(wù)器S上，而我此時又不能登錄S服務(wù)器（沒有S服務(wù)器的帳號），此時我們就可以通過瀏覽器將R.js文件下載到本地，然后對本地的R.js文件進(jìn)行調(diào)整，最后通過設(shè)置Fiddler，將R.js文件的請求使用本地的R.js文件。截圖如下：

其中

EXACT表示完整匹配URL時，才進(jìn)行映射處理

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

其他一些參數(shù)不再一一說明。