兼容性大比拼,8款浏览器对HTML5支持评测

作者:亚搏app官网    发布时间:2019-11-06 08:23    浏览:69 次

[返回]

8款浏览器对HTML5支持评测

2011/12/17 · HTML5 · 来源: Intel blog     · HTML5

来源:Intel blog

HTML的上一个版本诞生于1999年,从那以后,Web世界就发生了巨变,而现在的HTML5炒得火热朝天,势头之猛犹有再次创造Web历史变革的趋 势。HTML5仍处于完善之中,然而,现在大部分浏览器已经开始具备对HTML5的支持了,当然,各大浏览器的开发还在继续,将来应该会全面支持 HTML5的,现在我选择了8款浏览器(中外各四款),对其支持HTML5的程度进行了测试,测试内容来自html5test网站。感兴趣的人可以去测试一下!!

当然每个浏览器的好坏不是仅凭这个就可以定义的,并且即使浏览器的功能再强大,界面再漂亮,也不一定就是你心目中最好的浏览器,因为我觉得浏览器的使用涉 及到一个习惯问题,用习惯了自然就觉得好了,根本不会去考虑它功能是否强大。另外现实生活中我们使用浏览器,虽然其功能十分强大,十分完善,但是并不是每 个人都能完全用到所有功能的。

所以,我做这个测试是没有感情色彩的,只是测试哈!!!至于哪个浏览器好,哪个浏览器差,各位看官自己点评吧!!

我测试的8款浏览器分别是(国外)Chrome 15.0.874,IE 9.0.8112,Firefox 8.0.1,Opera 11.52

(国内)360浏览器 4.0.3.8,搜狗浏览器 3.1.0.3688,遨游浏览器v3.2.2.1000,QQ浏览器 6.8(10793)

这8款浏览器不出意外应该都是现在的最新版本!!!

首先贴上我的硬件(QQ管家测的):

图片 1

现在来看看8款浏览器的总分(顺序就是我上边列的顺序哈,不代表排名顺序):

1。Chrome

图片 2

2。IE 9

图片 3

3。Firefox

图片 4

4。Opera (我看到别人测的是Opera12的分数为325,我是昨天从Opera官网下的啊,怎么会不是最新版的???)

图片 5

5。360浏览器

图片 6

6。搜狗浏览器

图片 7

7。遨游浏览器

图片 8

8。QQ浏览器

图片 9

这么看来还是Chrome小胜啊!嗯,搜狗浏览器在对HTML5的支持上也很给力的!QQ浏览器有点没跟上节奏啊!!!!

下面让我们详细看看这8种浏览器对HTML5的支持情况:

图片 10

图片 11

图片 12

图片 13

OK!大概就是这样了,还是Chrome对HTML5支持的好一些,虽然国外的浏览器都大部分支持了HTML5,但国内的浏览器也不甘落后啊,搜狗和遨游还是很给力的!

HTML5还在发展完善,我相信在不久的将来,各个浏览器都会全面支持HTML5的。让我们静观其变吧!!

赞 收藏 评论

图片 14

  转眼又已过去了一年,在这一年里,Firefox 和 Chrome 在拼升级,版本号不断飙升;IE10 随着 Windows 8 在去年10月底正式发布,在 JavaScript 性能和对 HTML5 和 CSS3 的支持方面让人眼前一亮。这篇文章给大家带来《五大主流浏览器 HTML5 和 CSS3 兼容性大比拼》,让我们一起来看看2013年的浏览器现状。

 

图片 15

 

  浏览器厂商之间的竞争促使各大浏览器对 HTML5 和 CSS3 的支持越来越完善,下面的图表列出了 IE,Chrome,Firefox, Safari,Opera 五大主流浏览器,在 Mac 和 Windows 两个平台,对 HTML5 和 CSS3 各种特性最新的支持情况的详细清单(个别数据可能不准确,大家可以通过 caniuse.com 查询更为详细的信息)。

CSS3 属性

  从表中可以看出,除了 Overflow Scrolling 还没有浏览器支持之外,其它属性都已经有浏览器实现了。在 Windows 平台,Chrome 支持除 Overflow Scrolling 以外的所有属性(图片数据有误,CSS3 3D Transforms 在 Chrome 25 开始已支持,需要加 -webkit- 前缀),其次支持比较好的是 Firefox,还不支持 CSS3 Reflections。

  曾经一片红叉的 IE 开始迎头赶上,IE10 已经和能和 Opera 比拼了。在 Mac 平台情况要好很多,Safari 、Chrome 和 Firefox 几乎支持全部的 CSS3 特性。Opera 也只有少数几个属性不支持。

  (注:CSS3 的 Overflow Scrolling 属性用于模拟移动设备原生的阻尼滚动,类似于 iScroll 实现的滚动效果,目前只有 iOS 5 内置的 Sarari 浏览器支持,详情:Native style momentum scrolling to arrive in iOS 5)

 

图片 16

CSS3 选择器

  CSS3 选择器兼容情况最让人欣慰,除了 IE9 以下的版本,其它浏览器已全部支持 CSS3 选择器特性。IE6 悲剧的一个都不支持,IE7 和 IE8 仅支持少部分,IE9 和 IE10 给力,竟然也全部支持。

 

图片 17

 

HTML5 Web 应用程序

  HTML5 为支持 Web 应用程序开发新增的这些特性是 HTML5 最激动人心的部分,包括本地存储、离线存储、地理定位、Workers 和 WebSockets 等等。Chrome 最给力,支持全部特性(表中数据有误,Touch(触控)事件,Chrome 25 和 Firefox 19 已支持)。

  WebSQL Database 已经被 W3C 放弃了,浏览器不支持也没关系,而 Indexd Database,IE10、Chrome 和 Firefox 都支持,这是开发者的福音啊。IE10 很给力,就 Meter 标签和 Touch Event 不支持。

 

图片 18

 

HTML5 图形和内嵌内容

  这应该是 HTML5 最令人期待的东西了,内置Canvas,Audio,Video,SVG、WebGL 和 SMIL 等重要特性对象。Chrome、Firefox、Safari、Opera 以及 IE9/IE10 都支持,太棒了!

 

图片 19

 

HTML5 音频编码

  Chrome 依然给力,对 HTML5 音频格式又是全部支持,Safari 除 Ogg Vorbis 格式外全部支持。让人感到奇怪的是 IE 竟然不支持自家的 WAV 格式,而 Chrome、Firefox、Opera 和 Sarari 却都支持,⊙﹏⊙b汗。

 

图片 20

 

Html5 视频编码

  对 HTML5 视频的支持还是 Chrome 最好,包容天下。Firefox 和 Opera 支持 Ogg Vorbis 和 WebM 两种视频格式,不支持 H.264,相反的 IE9/IE10 和 Safari 只支持 H.264。据统计,目前 80%的视频使用 H.264 编码,期待 H.264 早日统一的视频编码标准!

 

图片 21

 

HTML5 表单输入

  HTML5 新增了众多新的 input 类型,例如 DateTime、Range、Colour 等等,以前这些都是需要使用 JavaScript 才能实现的功能,如今只需要设置 input 类型就能实现。淡定的 Opera 竟然全部支持,有点意外!Chrome 还不支持 DateTime 类型,其它的都支持,IE10 和 Safari 都支持程度相当,而 Firefox 这方面还需努力。

 

图片 22

 

HTML5 表单属性

  HTML5 表单属性也是对表单功能的重要改进,简化了 Web 应用开发。在 Mac 平台,除了 Safari 还不支持 List 属性外,其它属性都支持。在 Windows 平台,Chrome、Opera 和 IE10 全部支持,Firefox 又掉队了,竟然落后 IE 了,Min、Max 和 Step 属性都还不支持。

 

图片 23

 

写在最后

  目前,对 HTML5 和 CSS3 支持最好的是 Chrome,IE10 已经能和 Safari、Firefox、Opera 旗鼓相当了。总的来说,各大浏览器对 HTML5 和 CSS3 的支持正在不断完善,越来越多的各大企业和开发者也在尝试在项目中使用 HTML5 和 CSS3,特别是在移动互联网领域,已经有很多优秀的应用开发出来,未来的 Web 有很多令人期待的东西。

(文/梦想天空,数据来源:

 

您可能感兴趣的相关文章

  • 年度盛宴:2012年最经典的10款 HTML5 游戏
  • 九个让人难以置信的HTML5和JavaScript实验
  • 推荐18个基于 HTML 5 Canvas 开发的图表库
  • 10大流行 Metro 风格 Bootstrap 主题和模板
  • 让人眼花缭乱的 HTML5 和 JavaScript 效果
  • 必备:史上最全的浏览器 CSS & JS Hack 手册
  • 2012年度最佳 Web 前端开发工具和框架推荐
  • 年度盛宴:2012年排名前20位的 CSS 网站作品

 

本文链接:2013 主流浏览器 HTML5 和 CSS3 兼容性大比拼

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源


搜索