|
|
|
|
|
我們首先來(lái)了解一下,目前支持html5和css3的瀏覽器有哪些。
瀏覽器版本 | 支持情況 |
IE9 | 全面支持 |
IE10 | 全面支持 |
Firefox 4.0 | 全面支持 |
Safari 5.0 | 全面支持 |
Safari 6.0 | 全面支持 |
Chrome5.0 | 部分支持 |
Chrome6.0 | 部分支持 |
Chrome7.0 | 部分支持 |
Chrome8.0 | 部分支持 |
Chrome9.0 | 部分支持 |
Chrome10.0 | 全面支持 |
遨游3.0 | 全面支持 |
那么究竟哪款瀏覽器支持html5和css3比較好呢?有人將這幾款瀏覽器作了一次詳細(xì)的測(cè)試,從測(cè)試結(jié)果來(lái)看,Chrome、IE10表現(xiàn)更為出色。
1、html5支持程度測(cè)試
HTML5測(cè)試滿分475分,反映了瀏覽器對(duì)HTML5的支持程度,得分越高越好。
2、HTML5動(dòng)畫(huà)測(cè)試
這也是來(lái)自微軟的測(cè)試項(xiàng)目,展示了瀏覽器對(duì)HTML5動(dòng)畫(huà)的支持。得分越高越好。測(cè)試結(jié)果顯示,IE10表現(xiàn)更勝一籌。
3、HTML5多任務(wù)性能測(cè)試
這是一個(gè)實(shí)際的HTML5測(cè)試,用來(lái)衡量瀏覽器在執(zhí)行多種HTML5任務(wù)時(shí)的性能,得分越高越好。測(cè)試結(jié)果顯示,IE10得分最高,表現(xiàn)更好。
4、HTML5圖形性能測(cè)試
這是一個(gè)HTML5圖形性能測(cè)試,來(lái)自微軟,得分越高越好。測(cè)試結(jié)果顯示IE10表現(xiàn)更為出色。
5、css3測(cè)試
魚(yú)缸測(cè)試是來(lái)自微軟的測(cè)試項(xiàng)目魚(yú)缸測(cè)試,它展示了瀏覽器對(duì)CSS3動(dòng)畫(huà)的支持。得分越高越好。測(cè)試結(jié)果顯示,IE10、Chrome 17并列,Opera 11.60不支持此測(cè)試。
總結(jié)
從測(cè)試結(jié)果來(lái)看,IE10技?jí)喝悍迹琁E10無(wú)疑對(duì)html5的支持更好些。所以在瀏覽器的選擇上,考慮到使用體驗(yàn)的話,IE10絕對(duì)是最佳選擇。
參考資料
讓所有IE都支持html5的解決方法
html5.js必須在頁(yè)面head元素內(nèi)調(diào)用(因?yàn)镮E必須在元素解析前知道這個(gè)元素,所以這個(gè)js文件不能在頁(yè)面底部調(diào)用。)
作者已經(jīng)把js文件放在Google code project上并允許大家直接調(diào)用,當(dāng)然,前提是你不在意調(diào)用額外的文件。
http://html5shiv.googlecode.com/svn/trunk/html5.js
你可以使用IE條件注釋來(lái)調(diào)用這個(gè)js文件,這樣像FireFox等非IE瀏覽器就會(huì)忽視這段代碼,也就不會(huì)有無(wú)謂的http請(qǐng)求了。下面這段代碼僅會(huì)在IE瀏覽器下運(yùn)行:
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
當(dāng)然如果你不喜歡調(diào)用外網(wǎng)文件,你也可以下載下來(lái)上傳到自己的服務(wù)器單獨(dú)調(diào)用(作者允許)。
以下是js文件中的代碼:
相關(guān)鏈接
測(cè)試報(bào)告顯示IE10瀏覽器速度快于Chrome、Firefox
就我個(gè)人而言,選擇瀏覽器上網(wǎng)最緊要的是速度,其次才去考慮安全因素。我想大部分人都是這個(gè)想法。本文正是為這樣的人而寫(xiě)。
報(bào)告顯示IE10速度快于Chrome、Firefox等瀏覽器
近日,網(wǎng)站性能分析公司Strangeloop針對(duì)瀏覽器進(jìn)行了一項(xiàng)最新測(cè)試,測(cè)試結(jié)果顯示Internet Explorer 10瀏覽器平均頁(yè)面加載速度最快。
。。。