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