IE8中Web開發(fā)新特性搶鮮看
51CTO推薦:《CSS從入門到精通》視頻教程
對于開發(fā)人員來說,IE 7在CSS編程方面的改進給很多開發(fā)者帶來了耳目一新的感覺,但是在JavaScript方面的表現(xiàn)卻不敢恭維,實際上,在這方面我們看到的只是一些新的BUG。不過幸運是,微軟已經(jīng)看到了這一點,在IE 8中,JavaScript已經(jīng)成為其開發(fā)的一個重點。而在Web開發(fā)方面的新特性也讓人驚喜,下面我們就一起從開發(fā)者角度來看一下IE 8的一些特點。
W3C標(biāo)準(zhǔn)支持
IE8是一個標(biāo)準(zhǔn)的瀏覽器。IE8終于通過了acid 的測試,雖然分?jǐn)?shù)不高,但是微軟能在標(biāo)準(zhǔn)前讓步,實屬難得。為了兼容之前瀏覽器,IE8提供了兼容視圖,我用默認的IE8視圖瀏覽了一些網(wǎng)頁,還基本正常。我的項目在IE8下也沒有問題。
性能改善
IE8每一個標(biāo)簽都是一個獨立的進程,這樣任何一個標(biāo)簽崩潰都不會影響別的標(biāo)簽,同時IE8提供了崩潰恢復(fù)功能。這點總算趕上了別的瀏覽器。
開發(fā)人員工具
IE8自帶了 Internet Explorer Developer Toolbar ,可以用F12激活。
下面我將具體的介紹IE8的新特性:
工具欄菜單的新功能:
工具欄新添加了驗證項,包括html,css,源等。
瀏覽器模式,可以進行瀏覽器模式的快速切換,包括IE6, IE7, IE8兼容性的三個視圖。
任何一個標(biāo)簽都有搜索功能,可以方便的搜索HTML CSS javascript 文本。
標(biāo)簽欄的探查功能,有四個標(biāo)簽HTML CSS 腳本探查器,探查功能與之前的版本無異,只是探查器標(biāo)簽好像沒有什么用,和HTML標(biāo)簽的功能是一樣的。
在探測了一個DOM節(jié)點之后,工具對樣式的支持堪比Firebug,同樣可以查看currentStyle,跟蹤樣式:
布局功能是新增的,可以查看DOM的盒模型。
腳本調(diào)試功能:
IE8新添加了腳本調(diào)試功能,這是以前版本所不具備的。
要啟用腳本調(diào)試功能,需要在Internet 選項->高級->"禁用腳本調(diào)試" 兩個選項不勾選。
我先寫了一段簡單的調(diào)試代碼:
window.onload=function (){ |
用瀏覽器打開后,會提示如下對話框:
點擊"是",工具會自動跳至出錯處:
和一般的調(diào)試器一樣,可以單步,逐過程,跳出,運行功能 在局部變量里面可以查看當(dāng)前scopeChain中的變量值。
還可以添加監(jiān)視,監(jiān)視的內(nèi)容很多,體現(xiàn)了很多IE特性。
下面的截圖是我監(jiān)視document的結(jié)果:
IE8可以直接在代碼中敲debugger;,以前的版本的調(diào)試工具是visual studio,也非常好用,但是體積非常大,使用visual studio去調(diào)試javascript無疑是大材小用。修改剛才的頁面:
window.onload=function (){ |
如果你需要在debugger;處停止運行你的程序,必須將"腳本"標(biāo)簽中的"啟動調(diào)試"按鈕。
總結(jié)
IE8是一個很好的瀏覽器,其開發(fā)特性也是前所未有的,能支持javascript調(diào)試是開發(fā)工具中一大亮點。相信這些新特性能讓開發(fā)者的的開發(fā)更加輕松便利。
【編輯推薦】