风也温柔

计算机科学知识库

前端开发浏览器兼容问题 主流浏览器内核介绍(前端开发值得了解的浏览器内核历史)

  最近 "个人恶趣味" 持续发酵,突然想了解下浏览器内核的发展历史。

  内核

  首先得搞懂浏览器内核究竟指的是什么。

  浏览器内核又可以分成两部分:渲染引擎( 或者 )和 JS 引擎。它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。JS 引擎则是解析 语言,执行 语言来实现网页的动态效果。

  最开始渲染引擎和 JS 引擎并没有区分的很明确,后来 JS 引擎越来越独立,内核就倾向于只指渲染引擎。有一个网页标准计划小组制作了一个 ACID 来测试引擎的兼容性和性能。内核的种类很多,如加上没什么人使用的非商业的免费内核,可能会有 10 多种,但是常见的浏览器内核可以分这四种:、Gecko、Blink、。

   (['traɪd(ə)nt])

  (IE内核):该内核程序在 1997 年的 IE4 中首次被采用,是微软在 ("马赛克",这是人类历史上第一个浏览器,从此网页可以在图形界面的窗口浏览) 代码的基础之上修改而来的,并沿用到 IE11,也被普遍称作 "IE内核"。

  实际上是一款开放的内核,其接口内核设计的相当成熟,因此才有许多采用 IE 内核而非 IE 的浏览器(壳浏览器)涌现。由于 IE 本身的 "垄断性"(虽然名义上 IE 并非垄断,但实际上,特别是从 95 年代一直到 XP 初期,就市场占有率来说 IE 的确借助 的东风处于 "垄断" 的地位)而使得 内核的长期一家独大,微软很长时间都并没有更新 内核,这导致了两个后果——一是 内核曾经几乎与 W3C 标准脱节(2005年),二是 内核的大量 Bug 等安全性问题没有得到及时解决,然后加上一些致力于开源的开发者和一些学者们公开自己认为 IE 浏览器不安全的观点前端开发浏览器兼容问题,也有很多用户转向了其他浏览器, 和 Opera 就是这个时候兴起的。非 内核浏览器的市场占有率大幅提高也致使许多网页开发人员开始注意网页标准和非 IE浏览器的浏览效果问题。

  补充:IE 从版本 11 开始,初步支持 WebGL 技术。IE8 的 引擎是 ,IE9 开始用 ,这两个版本区别很大, 无论是速度和标准化方面都很出色。

  国内很多的双核浏览器的其中一核便是 ,美其名曰 "兼容模式"。

   发布后,IE 将其内置浏览器命名为 Edge,Edge 最显著的特点就是新内核 。

  Gecko (['gekəʊ])

  Gecko( 内核): 开始采用的内核,后来的 (火狐浏览器) 也采用了该内核,Gecko 的特点是代码完全公开,因此,其可开发程度很高,全世界的程序员都可以为其编写代码,增加功能。因为这是个开源内核,因此受到许多人的青睐,Gecko 内核的浏览器也很多,这也是 Gecko 内核虽然年轻但市场占有率能够迅速提高的重要原因。

  事实上,Gecko 引擎的由来跟 IE 不无关系,前面说过 IE 没有使用 W3C 的标准,这导致了微软内部一些开发人员的不满;他们与当时已经停止更新了的 的一些员工一起创办了 ,以当时的 内核为基础重新编写内核,于是开发出了 Gecko。不过事实上,Gecko 内核的浏览器仍然还是 (火狐) 用户最多,所以有时也会被称为 内核。此外 Gecko 也是一个跨平台内核,可以在、 BSD、Linux 和 Mac OS X 中使用。

  一提到 ,首先想到的便是 ,可以说, 将 内核 深入人心,殊不知, 的鼻祖其实是 。现在很多人错误地把 叫做 内核(即使 内核已经是 blink 了),苹果都哭瞎了有木有。

   是苹果公司开发的浏览器,使用了KDE(Linux桌面系统)的 KHTML 作为浏览器的内核, 所用浏览器内核的名称是大名鼎鼎的 。 在 2003 年 1 月 7 日首度发行测试版,并成为 Mac OS X v10.3 与之后版本的默认浏览器,也成为苹果其它系列产品的指定浏览器(也已支持 平台)。

  如上述可知, 前身是 KDE 小组的 KHTML 引擎,可以说 是 KHTML 的一个开源的分支。当年苹果在比较了 Gecko 和 KHTML 后,选择了后者来做引擎开发,是因为 KHTML 拥有清晰的源码结构和极快的渲染速度。

  内核 可以说是以硬件盈利为主的苹果公司给软件行业的最大贡献之一。随后,2008 年谷歌公司发布 浏览器,采用的 内核便 fork 了 。

  /Bink

  2008 年,谷歌公司发布了 浏览器,浏览器使用的内核被命名为 。

   fork 自开源引擎 ,却把 的代码梳理得可读性提高很多,所以以前可能需要一天进行编译的代码,现在只要两个小时就能搞定。因此 引擎和其它基于 的引擎所渲染页面的效果也是有出入的。所以有些地方会把 引擎和 区分开来单独介绍,而有的文章把 归入 引擎中,都是有一定道理的。

  谷歌公司还研发了自己的 引擎,V8,极大地提高了 的运算速度。

   问世后,带动了国产浏览器行业的发展。一些基于 的单核,双核浏览器如雨后春笋般拔地而起,例如 搜狗、360、QQ浏览器等等,无一不是套着不同的外壳用着相同的内核。

  然而 2013 年 4 月 3 日,谷歌在 Blog 上发表 博客,称将与苹果的开源浏览器核心 分道扬镳,在 项目中研发 Blink 渲染引擎(即浏览器核心),内置于 浏览器之中。

   用的好好的,为何要投入到一个新的内核中去呢?

  Blink 其实是 的分支,如同 是 KHTML 的分支。 的 项目此前一直使用 () 作为渲染引擎,但出于某种原因,并没有将其多进程架构移植入。

  后来,由于苹果推出的 与 的沙箱设计存在冲突,所以 一直停留在 ,并使用移植的方式来实现和主线 的对接。这增加了 的复杂性,且在一定程度上影响了 的架构移植工作。

  基于以上原因, 决定从 衍生出自己的 Blink 引擎(后由 和 Opera 共同研发),将在 代码的基础上研发更加快速和简约的渲染引擎,并逐步脱离 的影响,创造一个完全独立的 Blink 引擎。这样以来,唯一一条维系 和苹果之间技术关系的纽带就这样被切断了。

   和苹果在多个领域都是竞争对手,而唯独在浏览器引擎上有技术合作,利益一致。但为了各自的利益,谁都不会拿出 100% 的 "诚意" 来做好 ,因为你做出来的成果竞争对手可以直接享用。移动互联网已经崛起,手机和平板设备端必将成为浏览器的另一个战场。这个时候,如果 跟苹果仍然黏在一起,将会严重阻碍双方的进步,也会阻碍 的进步。

  据说 Blink 删除了 880w 行 代码。

  至于为什么叫 blink?有兴趣的可以看下这篇访谈 Paul Irish on to Blink,里面说

  <pre style="margin-top: 10px; margin-bottom: 10px; white-space: pre-wrap; word-wrap: break-word; color: rgb(51, 51, 51); font-size: 14px; line-height: 21px; background-color: rgb(255, 255, 255);">it fits that Blink will never support the infamous tag. </pre>

  前端开发和后端开发哪个好_h5开发和前端开发区别_前端开发浏览器兼容问题

  Blink 引擎问世后,国产各种 系的浏览器也纷纷投入 Blink 的怀抱,可以在浏览器地址栏输入 :// 进行查看。比如在 360 下:

  前端开发和后端开发哪个好_h5开发和前端开发区别_前端开发浏览器兼容问题

   (['prestəʊ])

   是挪威产浏览器 opera 的 "前任" 内核,为何说是 "前任",因为最新的 opera 浏览器早已将之抛弃从而投入到了谷歌大本营。

  Opera 的一个里程碑作品是 .0,因为它使用了 Opera 自主开发的 渲染引擎,取代了旧版 Opera 4 至 6 版本使用的 排版引擎。该款引擎的特点就是渲染速度的优化达到了极致,然而代价是牺牲了网页的兼容性。

   加入了动态功能,例如网页或其部分可随着 DOM 及 语法的事件而重新排版。 在推出后不断有更新版本推出,使不少错误得以修正,以及阅读 效能得以最佳化,并成为当时速度最快的引擎。

  然而为了减少研发成本,Opera 在 2013 年 2 月宣布放弃 ,转而跟随 使用 分支的 引擎作为自家浏览器核心引擎, 内核的 Opera 浏览器版本永远的停留在了 12.17。在 于 2013 年推出 Blink 引擎之后,Opera 也紧跟其脚步表示将转而使用 Blink 作为浏览器核心引擎。

   与开源的 和经过谷歌加持的 系列相比毫无推广上的优势,这是 Opera 转投 的主要原因,并且使用 内核的 Opera 浏览器可以兼容谷歌 浏览器海量的插件资源。但是换内核的代价对于 Opera 来说过于惨痛。使用谷歌的 内核之后,原本快速,轻量化,稳定的 Opera 浏览器变得异常的卡顿,而且表现不稳定,Opera 原本旧内核浏览器书签同步到新内核上的工作 Opera 花了整整两年时间,期间很多 Opera 的用户纷纷转投谷歌浏览器和其他浏览器,造成了众多的用户流失。时至今日现在还有上千万人在使用老版本的 Opera。

  很多人都认为 Opera 浏览器终止在了 12.17,此后所更新的 Opera 版本号不再是原来那个 Opera。

  说好的 呢?

  关于移动端

  移动端的浏览器内核主要说的是系统内置浏览器的内核。

  目前移动设备浏览器上常用的内核有 ,Blink,,Gecko 等,其中 和 iPad 等苹果 iOS 平台主要是 , 4.4 之前的 系统浏览器内核是 ,.4 系统浏览器切换到了,内核是 的分支 Blink前端开发浏览器兼容问题 主流浏览器内核介绍(前端开发值得了解的浏览器内核历史), Phone 8 系统浏览器内核是 。

  总结

  浏览器内核主要指的是浏览器的渲染引擎,2013 年以前,代表有 (IE),Gecko(),( 等)以及 (opera)。2013 年,谷歌开始研发 blink 引擎, 28 以后开始使用,而 opera 则放弃了自主研发的 引擎,投入谷歌怀抱,和谷歌一起研发 blink 引擎,国内各种 系的浏览器(360、UC、QQ、2345 等等)也纷纷放弃 ,投入 blink 的怀抱。

  还有一点文章里没有说的很明白,就是 其实是 KHTML 的分支,这里的 KHTML 指渲染引擎, 其实就泛指了 的渲染引擎 ,而 引擎的 引擎 则是 KJS 的分支。而 则搭载了自己的 引擎 V8。引用 各主流浏览器内核介绍 里的一段话:

  我们上面提到 是基于 的分支,而 又由渲染引擎 "" 和 JS 解释引擎 "" 组成,可能会让你搞不清 V8 和 的关系。你可以这样理解—— 是一块主板前端开发浏览器兼容问题, 是一块可拆卸的内存条,谷歌实际上认为 中的 不够好,才自己搞了一个 V8 JS 引擎,这就是 比 在某些 JS 测试中效率更高的原因。

  如果说 还不足以脱离 的 "帽子",Blink 的出现,代表着 将自主研发渲染引擎(Blink)以及 引擎(V8)。可以期待在不久的将来,人们谈起 想到的不是 而是 Blink。

  文章来源:http://mp.weixin.qq.com/s?src=3×tamp=1681290839&ver=1&signature=4ruF4LyqyhobPMywaAvlZlL08yegKcjO1ECEOMWtoOCwEKrKl1OpWSLDnl-Yma2AVhvCp6TMbpHwc2RO5p7HajW-PLUbS554CvE4tKZ1Hli1gO--6r-El8CcML2q663Ob84p8i0DOn2iwuUgUowQ==