西西軟件園多重安全檢測(cè)下載網(wǎng)站、值得信賴(lài)的軟件下載站!
軟件
軟件
文章
搜索

首頁(yè)編程開(kāi)發(fā)其它知識(shí) → IE WebDeveloper js debug IE下的Firebug javascript調(diào)式工具

IE WebDeveloper js debug IE下的Firebug javascript調(diào)式工具

前往專(zhuān)題相關(guān)軟件相關(guān)文章發(fā)表評(píng)論 來(lái)源:本站整理時(shí)間:2010/11/21 11:16:22字體大。A-A+

作者:佚名點(diǎn)擊:739次評(píng)論:0次標(biāo)簽: javascript

  • 類(lèi)型:電子教程大小:3.3M語(yǔ)言:中文 評(píng)分:3.6
  • 標(biāo)簽:
立即下載

不久之前,在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 下載地址: http://www.innovatechautomation.com/soft/18947.html



安裝了IE WebDeveloper后會(huì)在IE頭部的工具欄中出現(xiàn)一個(gè)圖標(biāo),如下圖:(IE7下的效果。)




點(diǎn)開(kāi)后就能使用IE WebDeveloper了。IE WebDeveloper有五個(gè)主窗口,首先是Webpage Inspector。Webpage Inspector左邊是DOM查看器,選擇一個(gè)DOM節(jié)點(diǎn)會(huì)在右側(cè)對(duì)應(yīng)地顯示其屬性值、HTML代碼和CSS樣式列表。在Webpage Inspector中可以動(dòng)態(tài)地修改DOM結(jié)點(diǎn),IE窗口會(huì)實(shí)時(shí)渲染展示出修改后的結(jié)果。(Firebug也有此功能)



第二個(gè)為Script Console,這個(gè)窗口可以輸出頁(yè)面的一些信息,如錯(cuò)誤信息,還能尋址到出錯(cuò)代碼的位置?梢栽贘avascript代碼中用console.log('信息')來(lái)輸出信息了,比alert命令好用多了。還可以直接在里面輸入命令進(jìn)行調(diào)試。(Firebug也有此功能)



第三個(gè)為Source Explorer,查看當(dāng)前頁(yè)所用到CSS和Javascript文件以及HTML源代碼,它能夠列出Javascript文件中的函數(shù)和變量名稱(chēng)。



第四個(gè)為Event Log,它能夠查看網(wǎng)頁(yè)瀏覽器、HTML文檔、HTML窗口或所選HTML元素結(jié)點(diǎn)的事件觸發(fā)列表。

點(diǎn)擊打開(kāi)

最后一個(gè)為HTTP Monitor,它可以查看和網(wǎng)絡(luò)服務(wù)器相交互的HTTP信息,相當(dāng)于Firebug的網(wǎng)絡(luò)(net)功能,對(duì)于AJAX開(kāi)發(fā)很有幫助。

點(diǎn)擊打開(kāi)

在最后還有人推薦了一個(gè)Javascript Debug Toolkit,不過(guò)需要eclipse支持,是位國(guó)人開(kāi)發(fā)的,感興趣的朋友可以看看。

    相關(guān)評(píng)論

    閱讀本文后您有什么感想? 已有人給出評(píng)價(jià)!

    • 8 喜歡喜歡
    • 3 頂
    • 1 難過(guò)難過(guò)
    • 5 囧
    • 3 圍觀圍觀
    • 2 無(wú)聊無(wú)聊

    熱門(mén)評(píng)論

    最新評(píng)論

    發(fā)表評(píng)論 查看所有評(píng)論(0)

    昵稱(chēng):
    表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
    字?jǐn)?shù): 0/500 (您的評(píng)論需要經(jīng)過(guò)審核才能顯示)