很多朋友夢寐以求的功能呀——JavaScript腳本調試。一直擺脫不掉FireFox，就是因為Firebug實在太好用。雖然 利用VS這樣航母級的軟件也能進行JavaScript腳本的調試 。但是，很多前臺開發人員并不會為了一個JavaScript調試功能而去安裝那種大家伙。所以對JavaScript的調試，IE的用戶一直耿耿于懷。但是，現在終于可以平息了。因為IE8開發人員工具終于也有了小巧，卻功能強大的JavaScript調試功能。

?

<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>

?

控制臺

在控制臺會顯示腳本調試中的一些信息，例如錯誤信息、警告信息一類的。

恩，其實也可以當成是一個微型JavaScript運行環境。你可以在這里直接鍵入腳本并運行。如果一行不夠的話，可以切換到多行模式。輸入完畢后，點擊“運行腳本”，就可以看到運行結果了。

斷點

是一個顯示你設定的所有斷點的列表。方便你統一管理：統一刪除、統一使用或者統一禁用。

局部變量

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

監視

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

?

?

?

調用堆棧

可以直觀地顯示函數調用堆棧情況，以及現在執行到那個函數情況。對于理順腳本的運行順序和嵌套很有幫助。?

IE8開發人員工具的探查器

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

先點擊【開始配置文件】按鈕，然后運行腳本或者刷新頁面。等腳本執行完了，或者頁面刷新完畢后點擊【停止配置文件】按鈕，就會生成探查報告了。

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

函數視圖

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

?

?

調用樹

調用樹視圖可以方便的看出各個函數之間的調用關系。

?

轉載于:https://www.cnblogs.com/fdszlzl/archive/2009/06/01/1493972.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。