使用WebDevHelper輔助ASP.NET AJAX程式開發

WebDevHelper介紹

WebDevHelper是微軟公司ASP.NET Team架構師Nikhil Kothari在業餘時間的小作品（讚歎人家架構師對技術的執著，加上對編碼的熱愛……），其中包含一些輔助Web開發的小工具，包括DOM查看、HTTP Trace、JavaScript Console、ASP.NET ViewState查看等雜項功能。今天Nikhil Kothari剛剛發布了WebDevHelper一個最新版本——0.8.4.0，其中非常令人信服的就是對ASP.NET AJAX開發的有力支援。

 

下載安裝WebDevHelper

WebDevHelper的下載相關連結如下：

1. WebDevHelper 0.8.4.0安裝檔案
2. WebDevHelper 0.8.4.0協助文檔（非常精美且內容詳盡，PDF格式，這就是精益求精、專業的力量！強烈推薦閱讀）
3. WebDevHelper版本曆史

安裝好之後，可以選擇IE的Tools|Web Development Helper功能表項目，啟用該工具，

 

在ASP.NET AJAX中使用WebDevHelper查看UpdatePanel資訊

雙擊Log視窗中某一次由UpdatePanel引發的非同步更新記錄，將彈出這一次HTTP請求的詳細資料視窗。其中可以選擇以局部更新模式查看HTTP Response資訊，對於UpdatePanel來說，這些詳細的資訊非常有用：

 

在ASP.NET AJAX中使用WebDevHelper查看JSON資訊

雙擊Log視窗中某一條對伺服器端Web Method非同步呼叫的記錄，將彈出這一次HTTP請求的詳細資料視窗。其中可以選擇以JSON模式查看HTTP Response資訊，顯得更加直觀清晰：

 

總結

除了UpdatePanel和JSON兩種模式顯示的HTTP Response，這個WebDevHelper在其他方面確實乏善可陳。其他整合的東西似乎都如雞肋一般：HTTP Trace/Debug沒有Fiddler強，DOM查看也沒有DevToolbar厲害……但有了這兩個亮點，也不失為一個非常有用的工具。