很多朋友夢寐以求的功能呀——JavaScript腳本調(diào)試。一直擺脫不掉FireFox，就是因?yàn)镕irebug實(shí)在太好用。雖然 利用VS這樣航母級的軟件也能進(jìn)行JavaScript腳本的調(diào)試 。但是，很多前臺開發(fā)人員并不會為了一個JavaScript調(diào)試功能而去安裝那種大家伙。所以對JavaScript的調(diào)試，IE的用戶一直耿耿于懷。但是，現(xiàn)在終于可以平息了。因?yàn)镮E8開發(fā)人員工具終于也有了小巧，卻功能強(qiáng)大的JavaScript調(diào)試功能。

?

<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)試中的一些信息，例如錯誤信息、警告信息一類的。

恩，其實(shí)也可以當(dāng)成是一個微型JavaScript運(yùn)行環(huán)境。你可以在這里直接鍵入腳本并運(yùn)行。如果一行不夠的話，可以切換到多行模式。輸入完畢后，點(diǎn)擊“運(yùn)行腳本”，就可以看到運(yùn)行結(jié)果了。

斷點(diǎn)

是一個顯示你設(shè)定的所有斷點(diǎn)的列表。方便你統(tǒng)一管理：統(tǒng)一刪除、統(tǒng)一使用或者統(tǒng)一禁用。

局部變量

我非常喜歡的視圖之一。可以詳細(xì)的顯示各個變量的所有方法、事件和屬性。我最喜歡干的事情，就是一個個的看下去，看到不知道的就去查資料，絕對是個學(xué)習(xí)JavaScript的好方法。例如，下面途中這就發(fā)現(xiàn)了一些IE8特有的方法。

監(jiān)視

我非常喜歡的視圖之一。可以顯示任意你需要的變量的方法、事件和屬性。可以添加多個。整體來說和局部變量視圖差不多，只是可以更靈活的顯示你需要的而已。

?

?

?

調(diào)用堆棧

可以直觀地顯示函數(shù)調(diào)用堆棧情況，以及現(xiàn)在執(zhí)行到那個函數(shù)情況。對于理順腳本的運(yùn)行順序和嵌套很有幫助。?

IE8開發(fā)人員工具的探查器

IE8 的探查器(Profiler)，探測的是JavaScript腳本。

先點(diǎn)擊【開始配置文件】按鈕，然后運(yùn)行腳本或者刷新頁面。等腳本執(zhí)行完了，或者頁面刷新完畢后點(diǎn)擊【停止配置文件】按鈕，就會生成探查報(bào)告了。

它提供兩種視圖，一種是“函數(shù)”，另一種是“調(diào)用樹”。無論何種視圖，都可以清晰且忠實(shí)的展現(xiàn)出各個函數(shù)的執(zhí)行所用時間。從而，方便你分析出“為啥我的頁面那么慢呢？”

函數(shù)視圖

函數(shù)視圖可以方便的按照各個參數(shù)進(jìn)行排序，從而方便的找出類似“誰用的時間最長”這樣的答案。

?

?

調(diào)用樹

調(diào)用樹視圖可以方便的看出各個函數(shù)之間的調(diào)用關(guān)系。

?

轉(zhuǎn)載于:https://www.cnblogs.com/fdszlzl/archive/2009/06/01/1493972.html

總結(jié)

以上是生活随笔為你收集整理的利用IE8开发人员工具调试JavaScript脚本的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。