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