用微軟 IE 8 Beta 調(diào)試 JavaScript?

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

它的新特性包括：

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

其它功能等等....

可以看到微軟終于向 W3C 標(biāo)準(zhǔn)靠齊了，也許以后大家寫網(wǎng)頁就不用費(fèi)勁的特意調(diào)試不同的瀏覽器下的效果了。

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

先看看IE 8的界面：

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

。之后就可以打開頁面進(jìn)行調(diào)試了。調(diào)試的方法之一是在左側(cè)源碼窗行號上單擊設(shè)置斷點(diǎn)，然后執(zhí)行到被設(shè)置斷點(diǎn)的代碼。另一種方式呢，則是使用JavaScript中的一個(gè)關(guān)鍵字：debugger。例如下面我們做了個(gè)能夠自動(dòng)觸發(fā)調(diào)試器的頁面：

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

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

<input type=button οnclick="test();" value="啟動(dòng)調(diào)試器">

然后用IE8打開此頁面，點(diǎn)擊頁面中出現(xiàn)的啟動(dòng)調(diào)試器按鈕，再看調(diào)試器窗口：

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

要結(jié)束調(diào)試，點(diǎn)擊Stop Debugging 按鈕即可，原來的進(jìn)程還在，再也不會出現(xiàn)以前的調(diào)試器一停止，整個(gè)IE進(jìn)程都退出的尷尬局面了。

?

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

總結(jié)

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

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