IE WebDeveloper--IE瀏覽器web調試工具

目前市面上比較火爆的瀏覽器內核提供商，有微軟的IE、mozilla的firefox、谷歌的chrome、蘋果的safari。IE瀏覽器下的項目過去佔比很是大，近年隨着其餘瀏覽器廠商發展勢頭迅猛，過去的項目要求在其餘瀏覽器下也能兼容，勢必引發一場兼容測試風暴。

而今天，筆者向你們介紹一下IE瀏覽器下的web調試工具，幫助你們瞭解web測試工具的使用。

IE WebDeveloper(官網)

IE WebDeveloper可讓你檢查和編輯你的HTML DOM, 顯示錯誤信息, 日誌信息, 顯示網站源代碼, 監視DHTML事件和HTTP流量. 若是你是一個開發人員或設計人員, 但日常又喜歡使用IE, 那IE webdeveloper是個不錯的選擇.它的功能能夠和火狐下的Firebug相媲美，甚至有些功能還強於Firebug。

IE WebDeveloper容許直接地在瀏覽器窗口中瀏覽、傳輸和更新HTML DOM。該軟件能夠實時分析網頁而且顯示爲一種容許你察看錶格風格、Javascript腳本，表格以及其它網頁元素的樹形風格。該軟件還能夠在瀏覽器中 交互式地突出顯示被選擇的網頁元素，所以你能夠在實際網頁中定位其代碼。 查看style元素，定位div等等。且支持一鍵w3c檢查（包括HTML/XHTML/CSS/Javascript tutorial等）。雖然用起來不如Firebug那麼駕輕就熟，可是畢竟解決了咱們在ie上調試工具不足的問題。

程序安裝後是IE的一個內嵌插件，找到「菜單欄」->「IE WebDeveloper V2」，點擊「IE WebDeveloper V2」出現以下效果表示安裝成功:

一、Webpage Inspector--DOM查看器

點開後就能使用IE WebDeveloper了。IE WebDeveloper有五個主窗口，首先是Webpage Inspector。Webpage Inspector左邊是DOM查看器，選擇一個DOM節點會在右側對應地顯示其屬性值、HTML代碼和CSS樣式列表。在Webpage Inspector中能夠動態地修改DOM結點，IE窗口會實時渲染展現出修改後的結果。（Firebug也有此功能）

二、Script Console--js控制檯

第二個爲Script Console，這個窗口能夠輸出頁面的一些信息，如錯誤信息，還能尋址到出錯代碼的位置。能夠在Javascript代碼中用console.log('信息')來輸出信息了，比alert命令好用多了。還能夠直接在裏面輸入命令進行調試。（Firebug也有此功能）

三、Source Explorer--源碼查看器

第三個爲Source Explorer，查看當前頁所用到CSS和Javascript文件以及HTML源代碼，它可以列出Javascript文件中的函數和變量名稱。

四、Event Log--事件觸發查看器

第四個爲Event Log，它可以查看網頁瀏覽器、HTML文檔、HTML窗口或所選HTML元素結點的事件觸發列表。

五、HTTP Monitor--查看HTTP交換信息

最後一個爲HTTP Monitor，它能夠查看和網絡服務器相交互的HTTP信息，至關於Firebug的網絡（net）功能，對於AJAX開發頗有幫助。

另外，IE下的調試工具還有IE Developer Toolbar和Companion.JS，兩個工具也還算不錯。