天极传媒:
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆合肥惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
您现在的位置: 天极网 > 软件 > 网页>评测>常用浏览器软件HTML5兼容性表现测试

常用浏览器软件HTML5兼容性表现测试

天极网软件频道2010-10-14 08:02我要吐槽

  随着IE 9的发布,浏览器的诸多新应用逐渐得到广大用户的关注,例如支持硬件加速功能和新的HTML5标准。而作为下一代超文本标记语言,HTML5无疑代表了互联网的未来,那么现在我们常用的浏览器在HTML5兼容性方面的表现又是如何呢?下面我们一起深入评测一番!

  参测浏览器软件

  本次测试采用的浏览器及版本分别为:
  IE 9 Beta
  Chrome 7.0.53
  Firefox 4 Beta 6
  Opera 10.7
  Maxthon 3正式版

  测试地址

  HTML 5兼容性测试:http://www.html5test.com

  2D图形绘制测试:http://ghost-hack.com/post/jsexperiments/tunneler/tunneler.html

  3D动画展现测试:http://www.xs4all.nl/~peterned/3d/

  视频效果测试:http://craftymind.com/factory/html5video/CanvasVideo.html

  什么是HTML5?

  在讲什么是HTML5之前,我们首先要了解一下什么是HTML语言。

  HTML是英文“Hyper Text Marked Language”的缩写,根据字面翻译就是“超文本标记语言”的意思。简单说,HTML语言就是一个载体,我们浏览的网页内容首先要经过HTML语言编写,然后再通过浏览器的解析最终展现在用户面前。

  HTML 5是HTML语言的新版本,自1999年12月发布HTML 4.01以来,HTML语言的开发一直处于停顿状态,但随着互联网的飞速发展,HTML 4.01已然无法适应现在的Web应用,因此HTML 5就应运而生,并且,它也将成为未来网络发展的新平台。是的,与HTML 4.01相比,HTML 5已经不再是简单地展现Web内容,它将把Web应用带入一个新平台——文字、动画、音频、视频以及同电脑的交互都将标准化的平台。

  除了上面这些,HTML 5还有很多新的应用,例如离线Web应用、无须插件即可创建动画等等,这里就不再多说,因为确实太多了。接下来,我们就进入实质性的评测阶段,让我们看看目前用户最多的五大浏览器——IE、Chrome、Firefox、Opera和Maxthon在HTML 5兼容性能方面的表现如何。以下分别简称IE 9、Chrome、Firefox 4、Opera和Maxthon 3。

  基础测试 HTML 5兼容性比拼

  作为新一代网页标准,浏览器能否有更好的兼容性自然直接决定了能否呈现更好的效果。为此,我们首先对几款浏览器的HTML 5兼容性进行一番测试。测试成绩分为总分和奖励分两项,其中总分是指浏览器在总体上对HTML 5的新标准和相关规范的支持程度如何;奖励分则是指浏览器对HTML 5当中嵌入的音频和视频编、解码器的支持度,不过该分值并不计入总分,因为在HTML 5当中并没有限定视频或音频的编、解码器格式。

  最终测试成绩如表1所示(得分越高兼容性越好,满分300分)。

主宰未来 五大浏览器HTML 5性能评测

  提示:SVG是可缩放矢量图形(Scalable Vector Graphics,简称SVG),是基于XML(可扩展标记语言)的用于描述二维矢量图形的一种图形格式。

  MathML是数学置标语言(Mathematical Markup Language,简称MathML),是一种基于XML的标准,用来在互联网上书写数学符号和公式的语言。

  通过测试可以看到,Chrome无论是总分还是奖励分都遥遥领先,而且支持的音频和视频格式也最多,剩下的Firefox 4、Opera和IE 9则分别以递减50分左右的成绩分列其后。值得一提的是,Maxthon的总分也有166分,比Opera还要高。

  专项测试 HTML 5特效对垒

  上文我们已经介绍过,在HTML 5当中,通过新的元素和JavaScript脚本的配合,不需要安装第三方插件一样可以实现绚丽的动画效果。下面我们就分别进行几轮测试,看看这五款浏览器在执行HTML 5当中的新元素时表现如何。

  首先,我们就测试一下HTML 5中的新元素——Canvas和JavaScript脚本的配合使用,绘制2D图形、合成图像的操作能否在浏览器当中真实展现,然后再测试利用Canvas制作的3D动画能否执行。最终测试成绩如表2所示。

主宰未来 五大浏览器HTML 5性能评测

  通过测试发现,Chrome、Opera、Firefox 4和Maxthon 3都可以顺利执行这两项测试(2D图形效果如图1所示),而IE 9则都未能实现。另外,在测试速度和效果方面,Chrome、Firefox 4和Maxthon 3的表现要优于Opera,后者在3D动画展现的测试中,虽然可以展现,但却无法点击互动。

主宰未来 五大浏览器HTML 5性能评测

  接下来,我们再针对HTML 5独有的视频特性进行测试,一方面在HTML 5当中,视频播放不需要任何第三方插件,另外一方面,鼠标点击视频还有独特的爆炸效果(如图2所示)。

主宰未来 五大浏览器HTML 5性能评测

  最终测试结果如表3所示。

主宰未来 五大浏览器HTML 5性能评测

  通过测试可以看到,IE 9在这一轮当中总算挽回了些许颜面,视频播放效果出色,画面表现细腻,交互操作流畅,没有延迟,而Chrome和Opera也同样表现不俗,只是在上一轮测试当中表现不错的Firefox 4这一轮表现稍差,视频画质模糊,且播放时不够流畅,而交互操作也反应缓慢,操作延迟感严重。遗憾的是,Maxthon 3则无法正常展现视频,未能通过本轮测试。

  最近一段时间,浏览器市场的“火药味”甚是浓重,当我们关注几大浏览器厂商不断推陈出新的时候,新鲜力量又加入了,例如雨林木风就推出了自己开发的115浏览器,尽管性能还不够稳定,各方面的功能也还有所欠缺,但我们也从中看到了国产软件厂商的努力。特别是本次测试当中的Maxthon 3的表现可圈可点,作为一款自主研发的国产浏览器值得肯定。不过说到未来,谁能更好地支持HTML 5标准,谁就将获得更多用户的支持,从现在的表现来看,Chrome无疑已经占得先机。

 

作者:cpcw责任编辑:杨玲)
请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
热点推荐
微软Windows 10操作系统Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。[详细]
Windows 10 新视界 [进入频道][使用技巧][微博互动]
手机整机DIY企业级