提醒：本文最後更新於 3651 天前，文中所描述的資訊可能已發生改變，請謹慎使用。

在測試或者優化web應用時，經常需要替換一些靜態資源，如css/image/js等。當然，這些工作是在開發環境來做，直接ftp替換也沒什麼問題。但有的時候僅僅是想調研一下而不想影響環境的穩定，或者想方便的對比兩段程式碼效果，就可以利用一個小工具來完成工作——Fiddler。

先來簡單的介紹下Fiddler(官網|需要.NET Framework v2.0|MicroSoft出品)：一個集web效能分析、資料監測、自動響應、建立請求四大功能於一身，自帶眾多實用小工具，支援外掛擴充套件的HTTP除錯工具。通過簡單的配置代理(IE中全自動、FF中需如下圖手動配置)，就可以開始使用Fiddler了。

這篇文章講的只是利用fiddler來替換靜態資源，利用的是它的自動響應功能。選擇軟體右側的AutoResponder這個tab，點“Add”按鈕來新增一條規則，在Rule Editor裡的文字框填上要被替換資源的url，後面的文字框選擇原始檔就OK了。如下圖：

搞定，就這麼簡單，現在只要請求被命中，就會被轉發到指定的原始檔了。修改程式碼後儲存一下F5就能生效，既方便又不會影響到他人。這個功能挖掘下還可以幹一些其它有意思的事情：配置Rule時，選擇轉發404之類的錯誤碼，就可以用來測試Ajax的onError事件；把類似於Http://www.example.com/1.html這樣的url轉發到本地頁面，就可以在原生代碼裡用Ajax請求www.example.com的內容。由於本地頁面是通過Http://www.example.com/1.html來訪問，不再有跨域問題了。這在做一個獲取資料程式的時候很有用。雖說最後還是要用後端程式來解決跨域問題，但開發前期利用 fiddler 做轉發，非常的高效！

--EOF--

提醒：本文最後更新於 3651 天前，文中所描述的資訊可能已發生改變，請謹慎使用。