免費的HTML5連載來了《HTML5網頁開發實例具體解釋》連載（五）圖解通過Fiddler加速開發
Fiddler是Windows底下最強大的請求代理調試工具。監控不論什麽瀏覽器的HTTP/HTTPS流量，竄改client請求和server響應。解密HTTPS Web會話，圖4.44為Fiddler原理示意圖。
圖4.44 Fiddler原理示意圖
Fiddler安裝的系統要求為Windows XP或Windows 8中的版本號。當中Fiddler2依賴於Microsoft.NET Framework 2.0，最新的Fiddler4依賴於Microsoft.NET Framework 4.0。
Fiddler功能非常多，在這裏介紹一項最經常使用的代理功能。
假使在維護的站點線上有個功能出現腳本問題。這時候採用傳統的方法，將網頁內容完整的保存到本地，然後調試相應的代碼，非常顯然這樣的方法顯得特點笨重，Fiddler解決問題顯得遊刃有余。
要做的是，將相應問題腳本保存到機器本地，改動腳本並通過Fiddler代理。以下通過一個百度首頁的操作演示樣例演示該過程。
（1）開啟Fiddler，選中其右側“AutoResponder”標簽頁，勾選“Enable automatic responses”和“Unmatched requests passthrough”復選框，如圖4.45所看到的。
圖4.45 開啟Fiddler
（2）打開Chrome瀏覽器，在地址欄內輸入“http://www.baidu.com”並按Enter鍵進入。此時百度首頁的請求會被完整的顯示在Fiddler左側的列表中，如圖4.46所看到的。
圖4.46 百度首頁請求列表
（3）選中列表中的第5條請求（該請求為JavaScript腳本）。在該請求上方單擊並拖動至右側“AutoResponder”標簽頁下方空白的列表中，如圖4.47所看到的。
圖4.47 代理一條腳本請求
（4）復制第5條請求的URL地址。使用瀏覽器打開並將腳本內容保存到機器本地目錄
（5）在剛才保存的腳本末尾加入1行代碼：
document.body.style.backgroundColor=‘black‘ // 改動頁面背景色為黑色
（6）改動Fiddler右側“AutoResponder”標簽頁下方列表的“then respond width..”列，將其指向本地保存的腳本代碼地址。如圖4.48所看到的。
圖4.48 改動請求的本地代理地址
（7）打開Chrome瀏覽器，在地址欄內輸入“http://www.baidu.com”並按Enter鍵進入，此時百度首頁變為黑色。Fiddler代理成功。
提示：演示樣例中完畢的功能僅僅是一種簡單的模擬，讀者在實際開發中能夠通過Fiddler代理。改動本地腳本的詳細代碼。再結合Chrome瀏覽器的調試功能，解決站點的線上問題將變得簡單且高效。
學習HTML5最好的書就是《HTML5網頁開發實例具體解釋》，用代碼學習用案例學習，可比看文字有趣多了！！！
一本書搞定HTML5，從如今開始。
免費的HTML5連載來了《HTML5網頁開發實例具體解釋》連載（五）圖解通過Fiddler加速開發