用微軟 IE 8 Beta 調試 JavaScript?

對開發人員來說，相比較起 Firefox 來，IE最大的缺點，就是連個JavaScript調試器都不好使（勉強也算有了）。還好，最近，微軟推出了IE8 Beta的下載，地址在http://www.microsoft.com/windows/products/winfamily/ie/ie8/default.mspx?

它的新特性包括：

1. CSS 2.1支持。微軟決定在這個領域完全遵守W3C標準，放棄一定的向后兼容性。
2. CSS Certification。IE8將全面通過CSS標準的測試和認證。
3. 性能。IE8的性能有巨大提升，甚至略好于Firefox 3 Beta。
4. HTML 5支持。IE8全面支持HTML5標準，實現諸如Ajax頁面的回退，本地頁面緩存等關鍵功能。
能夠在網絡不通時將整個頁面緩存（避免原來填入內容提交后報錯，卻無法返回）
5. 開發支持。IE8將內置調試器，不但可以方便地調試Javascript代碼，而且可以在調試狀態下通過點擊查找與該頁面元素相應的HTML/CSS/Javascript代碼段，大大提升開發效率。

其它功能等等....

可以看到微軟終于向 W3C 標準靠齊了，也許以后大家寫網頁就不用費勁的特意調試不同的瀏覽器下的效果了。

而第5條的內置調試器大概是最大的福音了，要知道以前的版本都必須單獨下載IE調試器，而且用法古怪，調試完畢后退出調試器還會把主窗口也給關了。

先看看IE 8的界面：

它還提供了模擬IE7界面的功能按鈕：Emulate IE 7。點擊工具欄上的 Developer Tools 即可啟動開發人員工具窗口，如下圖所示：

。之后就可以打開頁面進行調試了。調試的方法之一是在左側源碼窗行號上單擊設置斷點，然后執行到被設置斷點的代碼。另一種方式呢，則是使用JavaScript中的一個關鍵字：debugger。例如下面我們做了個能夠自動觸發調試器的頁面：

<script>
function test() {
? var a=1;
? var b=2;

? debugger;
? alert(a+b);
}
</script>

<input type=button οnclick="test();" value="啟動調試器">

然后用IE8打開此頁面，點擊頁面中出現的啟動調試器按鈕，再看調試器窗口：

。我想過多的話已經不需要再說了，使用Step Into,Step Over, Step Out等可以控制單步執行，一行行的調試代碼，觀察變量取值，添加監視（Watch)等，的確是比以前方便多了。

要結束調試，點擊Stop Debugging 按鈕即可，原來的進程還在，再也不會出現以前的調試器一停止，整個IE進程都退出的尷尬局面了。

?

整體感覺，推薦試試！下載包14.4MB(XP版本，需要SP2）。?

總結

以上是生活随笔為你收集整理的用微软 IE 8 Beta 调试 JavaScript的全部內容，希望文章能夠幫你解決所遇到的問題。

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