不久之前，在IE下的調(diào)試工具我只知道IE Developer Toolbar和Companion.JS，我想這兩個(gè)工具在IE環(huán)境下的功能已經(jīng)很強(qiáng)大了 。
IE下功能超強(qiáng)的調(diào)試器：IE WebDeveloper，它的功能可以和火狐下的Firebug相媲美，甚至有些功能還強(qiáng)于Firebug 。
安裝了IE WebDeveloper后會(huì)在IE頭部的工具欄中出現(xiàn)一個(gè)圖標(biāo)，如下圖：(IE7下的效果 。)
點(diǎn)開后就能使用IE WebDeveloper了 。IE WebDeveloper有五個(gè)主窗口，首先是Webpage Inspector 。Webpage Inspector左邊是DOM查看器，選擇一個(gè)DOM節(jié)點(diǎn)會(huì)在右側(cè)對應(yīng)地顯示其屬性值、HTML代碼和CSS樣式列表 。在Webpage Inspector中可以動(dòng)態(tài)地修改DOM結(jié)點(diǎn)，IE窗口會(huì)實(shí)時(shí)渲染展示出修改后的結(jié)果 。(Firebug也有此功能)
第二個(gè)為Script Console，這個(gè)窗口可以輸出頁面的一些信息，如錯(cuò)誤信息，還能尋址到出錯(cuò)代碼的位置 ?？梢栽贘avascript代碼中用console.log('信息')來輸出信息了，比alert命令好用多了 。還可以直接在里面輸入命令進(jìn)行調(diào)試 。(Firebug也有此功能)
第三個(gè)為Source Explorer，查看當(dāng)前頁所用到CSS和Javascript文件以及HTML源代碼，它能夠列出Javascript文件中的函數(shù)和變量名稱 。
第四個(gè)為Event Log，它能夠查看網(wǎng)頁瀏覽器、HTML文檔、HTML窗口或所選HTML元素結(jié)點(diǎn)的事件觸發(fā)列表 。
最后一個(gè)為HTTP Monitor，它可以查看和網(wǎng)絡(luò)服務(wù)器相交互的HTTP信息，相當(dāng)于Firebug的網(wǎng)絡(luò)(net)功能，對于AJAX開發(fā)很有幫助 。
在最后還有人推薦了一個(gè)Javascript Debug Toolkit，不過需要eclipse支持，是位國人開發(fā)的，感興趣的朋友可以看看 。
【IE WebDeveloper js debug IE下的Firebug javascript調(diào)式工具】
推薦閱讀
- IE下功能超強(qiáng)的調(diào)試器IE WebDeveloper圖文教程
- 摩托羅拉A780側(cè)面多功能鍵在不翻蓋情況下的新發(fā)現(xiàn)
- 煙花校園中文版在哪里下的
- 京東讀書是京東旗下的嗎 京東讀書和京東是一個(gè)賬戶嗎
- 696在wm5下的一些注意事項(xiàng)及如何將wm5降為2003se
- 下的成語有哪些
- css3.0新屬性效果在ie下的解決方案介紹
- 使用ie8自帶的debug工具對程序進(jìn)行debug跟蹤JS代碼運(yùn)行情況介紹
- QQ空間無法打開日志怎么辦？IE瀏覽器下的解決方法介紹
- 摘下的未成熟的棗子怎么變紅