InfoQ是 一個(gè)好地方，而我認(rèn)為其中最有價(jià)值的資源,，便是其中的演講視頻,。InfoQ在這方面有個(gè)特點(diǎn)：在演講視頻下方提供了清晰的幻燈片，而在播放的同時(shí)，還會(huì)根 據(jù)進(jìn)度進(jìn)行切換,。這觀看體驗(yàn)自然比單純的演講錄像要高出許多,。可惜的是,，時(shí)不時(shí)有朋友會(huì)向我反饋說,，InfoQ實(shí)在是太慢，幾乎無法流暢地觀看視頻,。由于 一時(shí)半會(huì)兒InfoQ也不會(huì)在中國(guó)放CDN,，因此視頻加載速度這問題……幾乎無法解決。還好,，如果我們退而求其次,，至少可以使用Fiddler等工具來 “緩解”這個(gè)問題。

Fiddler簡(jiǎn)介

Fiddler是Eric Lawrence完全使用.NET開發(fā)的一個(gè)免費(fèi)HTTP調(diào)試工具,，后來微軟連人和工具一起收購(gòu)之后,，也把它在當(dāng)作一個(gè)產(chǎn)品在做。Fiddler在工作時(shí) 本身并不進(jìn)行網(wǎng)絡(luò)嗅探的工作,，它只是充當(dāng)一個(gè)“代理服務(wù)器”的功能,，而任何軟件只要使用這個(gè)代理，F(xiàn)iddler便可以截獲它發(fā)出的所有請(qǐng)求,，進(jìn)行跟蹤,， 查看，甚至我們一會(huì)兒會(huì)看到的更多高級(jí)工作,。關(guān)于Fiddler的更多信息，您可以關(guān)注PDC 09中Eric Lawrence做的演講,，內(nèi)容還是挺充實(shí)的,。

因 為有了Fiddler，我?guī)缀跻呀?jīng)完全不用Firebug的Net功能了,，因?yàn)樗墓δ苡邢?，且只能基于Firefox運(yùn)行。由于Fiddler的工作原 理,，它可以在任何一個(gè)使用代理服務(wù)器的工具中使用,。當(dāng)然，F(xiàn)iddler的這個(gè)工作原理,，也導(dǎo)致它無法獲得某些信息,。例如Firebug可以獲得某個(gè)請(qǐng)求 在瀏覽器中的等待時(shí)間，或是DNS的解析時(shí)間——而Fiddler只能跟蹤請(qǐng)求發(fā)起后的情況,。

Fiddler還支持?jǐn)U展,，編寫Fiddler擴(kuò)展很容易。Fiddler還提供了如FiddlerCore這樣的核心類庫，可以讓我們的程序提供如Fiddler那樣的嗅探功能,。不過這些話題超出了這次的內(nèi)容,，我們這次只使用Fiddler自帶的功能。

下載視頻

那么,，我們又該如何使用Fiddler來輔助觀看InfoQ的視頻呢,？因?yàn)橐曨l在線觀看速度很慢，我們很自然想到,，把它下載到本地再觀看就沒有這個(gè)問題了,。一般此類在線視頻都是請(qǐng)求一個(gè)flv文件，而這個(gè)文件的路徑可以輕松地使用Fiddler獲取到,。

例如,，您可以打開Fiddler，在瀏覽器中進(jìn)行代理服務(wù)器設(shè)置（可能自動(dòng)已經(jīng)設(shè)好了）,，然后打開InfoQ中Statically Dynamic Typing這個(gè)視頻,，代頁面加載完畢后點(diǎn)擊視頻的播放按鈕。于是,，F(xiàn)iddler便可以截獲如下請(qǐng)求：

請(qǐng)看上圖中截獲的最后那個(gè)請(qǐng)求,，是一個(gè)flv文件。您可以對(duì)其點(diǎn)擊鼠標(biāo)右鍵,，再選擇Copy - Just Url,，便可以復(fù)制這個(gè)文件的完整地址。然后,，您便可以使用下載工具或任何方式把這個(gè)文件下載到本地,，存放在硬盤上。至此第一步就完成了,。

設(shè)置過濾條件

對(duì) 于某些站點(diǎn)的視頻播放來說,，您已經(jīng)可以直接查看下載后的文件了。不過對(duì)于InfoQ的視頻來說,，您如果直接在本地播放,，便無法享受“幻燈片”的同步功能。 很自然的,，我們希望視頻播放頁面可以使用我們本地的文件,。不過這是下一步要做的事情。而現(xiàn)在我們先來做另一件事情,，那便是設(shè)置Fiddler的過濾條件,。

由 于Fiddler的原理是截獲通過自身（即代理）的所有請(qǐng)求，因此有時(shí)候也會(huì)得到很多不必要的信息,。例如,，我們?cè)贗nternet Options中設(shè)置了代理服務(wù)器后,，所有IE或Chrome的頁面，甚至MSN亦或是您自己寫程序時(shí)使用WebClient或WebRequest發(fā)出 的請(qǐng)求,，都會(huì)通過這個(gè)代理,。此時(shí)您會(huì)發(fā)現(xiàn)Fiddler中的請(qǐng)求密密麻麻，且會(huì)不斷增長(zhǎng),，非常影響調(diào)試工作,。

此時(shí)，您可以設(shè)置一個(gè)過濾 條件,，告訴Fiddler,，只有滿足特定條件的請(qǐng)求才捕獲進(jìn)來。設(shè)置過濾條件并不難,，F(xiàn)iddler提供了一個(gè)Process Filter小圖標(biāo)（如上圖）,，您可以把它拖拽至某個(gè)程序窗口上，這樣只有那個(gè)進(jìn)程發(fā)出的請(qǐng)求才會(huì)被捕獲,。不過這么做有時(shí)很不方便,，因?yàn)槿绗F(xiàn)在的瀏覽器， 如IE 8或Chrome都是多Tab的,，每個(gè)Tab都屬于不同的進(jìn)程,，拖放時(shí)很可能會(huì)不知所云。因此,，我們?cè)谶@里手動(dòng)設(shè)置過濾條件：

首先,，還是上圖的結(jié)果，不過我們把橫向滾動(dòng)條拖至右側(cè),，可以發(fā)現(xiàn)在Process欄目中寫著“chorme:6764”字樣,，這表示該進(jìn)程的名稱及pid。于是,，我們可以在Fiddler的Filter欄目中把它設(shè)為唯一的過濾條件：

再試試,，看看Fiddler是不是只截獲那個(gè)Tab所發(fā)出的請(qǐng)求？

設(shè)置斷點(diǎn)

萬事俱備,，只欠東風(fēng)。我們要做的最后一步,，便是讓Fiddler把原本對(duì)遠(yuǎn)端flv文件的請(qǐng)求轉(zhuǎn)為本地的請(qǐng)求,。這便可以利用Fiddler的斷點(diǎn)功能。

由于Fiddler會(huì)在所有捕獲的請(qǐng)求上進(jìn)行中斷,，因此我們必須減少捕獲的請(qǐng)求,。例如，把過濾條件設(shè)為視頻播放頁面便是一個(gè)不錯(cuò)的選擇,。假如您已經(jīng)設(shè)好了過濾條件,，那么可以打開播放頁面（但不要進(jìn)行播放）,，再清除Fiddler中已經(jīng)捕獲到的信息。然后,，設(shè)置斷點(diǎn)：

選擇Before Requests,，這樣Fiddler會(huì)在得到請(qǐng)求信息之后暫停，等待我們后續(xù)處理（圖片可點(diǎn)擊放大）：

然后,，我們只要選擇Choose Response - Find a file：

然后選擇我們我們下載到本地的文件,，在點(diǎn)滴“Run to Completion”就可以了。不過,，開始播放之后記得禁用Fiddler的斷點(diǎn),，否則頁面在切換幻燈片的時(shí)候也會(huì)被Fiddler暫停——這就不太好了,。

總結(jié)

看看,，現(xiàn)在播放起來是不是很流暢？Fiddler其實(shí)還有許多有用的功能,，幾乎可以說是“Web相關(guān)”開發(fā)人員的必備工具了,。Fiddler的發(fā)展也很迅猛，本身也有非常強(qiáng)大的可擴(kuò)展性,。如果您的項(xiàng)目需要有類似Fiddler的嗅探功能,，不妨可以朝這方面進(jìn)行一番探索。