利用IE8開發(fā)人員工具調(diào)試JavaScript腳本
重頭戲來了。很多朋友夢寐以求的功能呀——JavaScript腳本調(diào)試。一直擺脫不掉FireFox,就是因?yàn)镕irebug實(shí)在太好用。雖然 利用VS這樣航母級的軟件也能進(jìn)行JavaScript腳本的調(diào)試 。但是,很多前臺開發(fā)人員并不會為了一個(gè)JavaScript調(diào)試功能而去安裝那種大家伙。所以對JavaScript的調(diào)試,IE的用戶一直耿耿于懷。但是,現(xiàn)在終于可以平息了。因?yàn)镮E8開發(fā)人員工具終于也有了小巧,卻功能強(qiáng)大的JavaScript調(diào)試功能。
不多說,直接上例子,這里就舉一個(gè)簡單到弱智的例子吧。核心代碼如下:
<button onclick="test();">Button</button> <script type="text/javascript"> function test(){ test2(); } function test2(){ var _obj=document.getElementById("divTest"); var str=_obj.id; alert(str); } </script>
還是讓我們先看看腳本調(diào)試界面吧
圖上的說明已經(jīng)很清楚了,下面就詳細(xì)講一下“控制臺”、“斷點(diǎn)”、“局部變量”、“監(jiān)視”、“調(diào)用堆!边@些視圖吧。
控制臺
在控制臺會顯示腳本調(diào)試中的一些信息,例如錯(cuò)誤信息、警告信息一類的。
恩,其實(shí)也可以當(dāng)成是一個(gè)微型JavaScript運(yùn)行環(huán)境。你可以在這里直接鍵入腳本并運(yùn)行。如果一行不夠的話,可以切換到多行模式。輸入完畢后,點(diǎn)擊“運(yùn)行腳本”,就可以看到運(yùn)行結(jié)果了。
斷點(diǎn)
是一個(gè)顯示你設(shè)定的所有斷點(diǎn)的列表。方便你統(tǒng)一管理:統(tǒng)一刪除、統(tǒng)一使用或者統(tǒng)一禁用。
出處:藍(lán)色理想
責(zé)任編輯:bluehearts
上一頁 IE8"開發(fā)人員工具"使用詳解 [2] 下一頁 IE8"開發(fā)人員工具"使用詳解 [4]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評論。
|