Chrome浏览器之HTML5评测及移动互联网设想

何为HTML5

    HTML 标准自1999年12月发布的 HTML 4.01 后，后继的 HTML 5 和其它标准被束之高阁，为了推动web标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group （Web 超文本应用技术工作组 - WHATWG） 的组织，HTML5草案的前身名为 Web Applications 1.0，於2004年被 WHATWG 提出，於2007年被 W3C 接纳，并成立了新的 HTML 工作团队。HTML 5 的第一份正式草案已于2008年1月22日公布。

HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。

 

HTML5与Flash Player

    Adobe在本周发布的博客文章中承认HTML5已经成为制作移动浏览器内容的开发者更加偏爱的互联网标准。Adobe表示，在停止开发移动版Flash Player以后，该公司将把业务重心转为向使用HTML5工具进行开发的网站开发者出售这种工具。

这说明HTML5现已受到主要移动设备的广泛支持，这令HTML5成为在所有移动平台上制作和部署浏览器内容的最佳解决方案。也确定了HTML5在今后移动互联网设备web开发中的重要性！

 

那么今天我们就来测试一下不同内核的浏览器在访问HTML5页面时的差异

测试环境：Windows 7 

测试浏览器：ie8   Firefox5.0    Opera10   Chrome13

测试网站：

旋转的浏览器图标，增加图标亮，看FPS分数

http://ie.microsoft.com/testdrive/Performance/FlyingImages/

1、测试旋转图片个数为36，浏览器：ie8

FPS分数为3-4，最大值4分

 

2、测试旋转图片个数为36，浏览器：Firefox

FPS分数为60，最大值60分

 

3、测试旋转图片个数为36，浏览器：Opera

FPS分数为60，最大值60分

 

4、测试旋转图片个数为36，浏览器：Chrome

FPS分数为60，最大值60分

 

经过第一轮36张图片的测试，ie8显然不支持HTML5，而ie9虽然支持HTML5但目前又存在很大的不兼容性，所以ie8在此次测试中垫底。

第二轮测试，旋转图片增加为64张

1、测试旋转图片个数为64，浏览器：Firefox

FPS分数为25-32，最大值32分

 

2、测试旋转图片个数为64，浏览器：Opera

FPS分数为35-40，最大值40分

 

3、测试旋转图片个数为64，浏览器：Chrome

FPS分数为45-55，最大值55分

 

    综合以上4种浏览器对HTML5网站兼容性及性能的测试，我们可以看到，Chrome，Opera对HTML5的支持远大与其他浏览器。众所周知，Opera浏览器目前在移动互联网中占有巨大的市场，这也印证了HTML5将成为在所有移动平台上制作和部署浏览器内容的最佳解决方案。Google推出Chrome浏览器，我想真正的用意就是移动互联网，虽然现在Chrome浏览器还没有移动版本，但是Andriod浏览器采用的亦是Webkit内核，其和Chrome在代码层面是有很多通用的，Google推出Chrome浏览器真正目的在于未来像IE垄断台式机一样垄断移动互联网。对HTML5良好的支持将是赢得移动平台市场的制胜法宝！