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

首頁西西教程軟件使用 → IE下功能超強的調(diào)試器IE WebDeveloper圖文教程

IE下功能超強的調(diào)試器IE WebDeveloper圖文教程

前往專題相關(guān)軟件相關(guān)文章發(fā)表評論 來源:西西整理時間:2011/6/2 10:01:10字體大小:A-A+

作者:西西點擊:2171次評論:1次標簽: Firebug IE調(diào)試

Firebug2.0.7 中文最新版
  • 類型:瀏覽輔助大。2.4M語言:中文 評分:7.6
  • 標簽:
立即下載

 不久之前,在IE下的調(diào)試工具我只知道IE Developer Toolbar和Companion.JS,我想這兩個工具在IE環(huán)境下的功能已經(jīng)很強大了。一位專業(yè)WEB設(shè)計師給我推薦了一款I(lǐng)E下功能超強的調(diào)試器:IE WebDeveloper,它的功能可以和火狐下的Firebug相媲美,甚至有些功能還強于Firebug。

安裝了IE WebDeveloper后會在IE頭部的工具欄中出現(xiàn)一個圖標,如下圖:




IE WebDeveloper 下載:http://elephantinaurance.com/soft/18947.html


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


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



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



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



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



另外還有微軟的IEDevToolBar 官方最新版:http://elephantinaurance.com/soft/27945.html

    相關(guān)評論

    閱讀本文后您有什么感想? 已有人給出評價!

    • 8 喜歡喜歡
    • 3 頂
    • 1 難過難過
    • 5 囧
    • 3 圍觀圍觀
    • 2 無聊無聊

    熱門評論

    最新評論

    發(fā)表評論 查看所有評論(1)

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