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

HTML5 图形和内嵌内容

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

 

菲律宾太阳娱乐集团 15

 

一、浏览器

什么是浏览器?即展示网页内容的一个“工具”或软件,包含文字、图片及其他信息,通常是通过URL获取及解析HTML及Js。

HTML5 音频编码

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

 

菲律宾太阳娱乐集团 16

 

1,2等)。需要衡量、选择可支持的浏览器、或浏览器版本,或者采取响应式/通用框架来做适配。

CSS标准:不同的浏览器解析CSS都有一点出入,特别是padding、line-height这些要细微控制的地方。这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。(这个针对不同的浏览器写不同的CSS
code的过程,就叫CSS hack,也叫写CSS hack。)

  • Js标准:某些Js方法在不同浏览器下是不兼容的,
  • 屏幕尺寸:不同尺寸需要进行处理。
  • 移动端(手机/平板)兼容:不同机型需要处理。

写在最后

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

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

 

一个很巧合的机会,需要统计公司系统(当然我只需要关注我自己负责的系统)支持哪些浏览器,以及公司PMO的质量管理部门需要跟各块系统确定相应质量规范。是件好事情。

CSS3 选择器

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

 

菲律宾太阳娱乐集团 17

 

六、参考

  1. 浏览器内部工作原理(2012)
    http://kb.cnblogs.com/page/129756/
  2. 浏览器
    http://baike.baidu.com/
  3. 浏览器内核
    http://developer.51cto.com/art/201311/418106.htm
    http://www.cnblogs.com/xiyangbaixue/archive/2014/10/22/4042548.html
    http://www.jianshu.com/p/df97d3b866d5
    https://www.douban.com/note/480312756/
  4. H5 test
    http://html5test.com/
    5、兼容性
    http://blog.csdn.net/qq_21342217/article/details/48314083

您可能感兴趣的相关文章

  • 年度盛宴: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 兼容性大比拼

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


浏览器结构

浏览器的主要组件包含:

  1. 用户界面层:展示页面窗口及其他操作工具按钮和工具条。
  2. 浏览器引擎:用来查询和操作渲染引擎的接口。
  3. 渲染引擎:也称为排班引擎,用来显示请求的内容,包含HTML和CSS。我们一般习惯称之为“浏览器内核”。
  4. 网络层:用来完成网络调用。
  5. UI后端层:用来绘制类似组合选择框及对话框等基本组件。
  6. Js解释器:用来解释执行Js代码。
  7. 数据存储层:cookie等数据。

发表评论

电子邮件地址不会被公开。 必填项已用*标注