浏览器知识补充

作为一名常规前端开发，日常工作主要与浏览器打交道，但对浏览器的了解真的多吗？就拿我个人来说，对浏览器内核知之甚少……

浏览器内核

浏览器的核心部分，浏览器内核倾向于指渲染引擎（layout engineer or Rendering Engine）。早期的浏览器内核同时包含JS引擎，后来随着web的功能越来越强大，作为脚本的JS越来越复杂，于是独立出了JS引擎。

• 渲染引擎：也叫排版引擎、解释引擎，它负责取得网页的内容（HTML、XML、图像等）、布局和样式（CSS等），以及计算网页的显示方式，然后输出到显示器或打印机
• JS引擎：顾名思义，JS引擎是专门用来解析JavaScript语言的，执行JavaScript语言来实现网页的动态效果

有哪些常见的浏览器内核？

Trident([‘traɪd(ə)nt])

说这个名字可能有点陌生，但换另外一种说法——IE内核应该就很熟悉了。该内核程序从1997年的IE4沿用到IE11，普遍称之为IE内核。回顾一下历史，微软在90年代为了与当时的网景（Netscape Navigator）对抗，与Spyglass合作开发IE，确切来讲IE是从Spyglass Mosaic（人类历史上第一个浏览器）派生出来的，后来微软购买了mosaic的源码合并获取授权，IE也就成了微软专属浏览器，其排版引擎也就是Trident。
当时的微软很强，浏览器市场份额占了很大，而很长一段时间微软都没有去更新Trident内核，这直接导致了两个后果：

• Trident内核几乎与W3C标准脱轨
• bug很多

这些问题让很多的开发者认为IE不安全，很多的用户听闻也开始弃用IE而转用其它浏览器，如Firefox和Opera等。

Gecko ([‘gekəʊ])

之前的Netscape 6采用的就是该内核，后来的浏览器Mozilla Firefox（火狐）也采用了该内核。Gecko内核完全开源，可开发程度很高，因此也收到了很多人的青睐。Gecko的由来与IE有很大的关系，当初IE在很长一段时间的不作为（不跟上W3C标准）导致了内部很多工程师的不满，于是他们联手当时以及停止更新的Netscape员工一起成立了Mozilla，以当时的Mosaic（没错，又是它）内核为基础重新编写一个新的内核Gecko。
由于Firefox的用户最多，一般被称为Firefox内核。

Webkit

在整理这一篇之前，我一直以为Webkit是Chrome的内核，然而并不是，准确地来讲并不完全是。Webkit最开始的使用是Safari，作为苹果一系列产品的默认浏览器，Safiri一开始使用了KDE（Linux桌面系统）的KHTML引擎作为浏览器的内核。Webkit前身是KHTML，确切来讲是KHTML的一个分支。
苹果后来推出了Webkit2后，Chrome就不再使用Webkit了，所以Webkit现在应该称为safiri内核

Chromium/Blink

最后来到这里，为什么Chrome的内核会误以为是Webkit呢？这是因为在2008年谷歌发布Chrome浏览器的时候，采用的内核是Chromium，而Chromium fork自开源引擎webkit，自己梳理了一遍Webkit的代码，提高了可读性的同时还大大降低了编译时间。这些改动造成的影响是Chromium和Webkit渲染的结果有所出入。在2013年的时候，谷歌宣布与Webkit分道扬镳，在Chromium项目中研发自己的Blink渲染引擎（内核），从此内置于Chrome之中。这里既有技术上的冲突也有商业利益上的冲突，有兴趣的可以自寻搜索。Blink同样fork自Webkit，但据说删除了880w行Webkit的代码。
所以，现在Chrome内核是Chromium/Blink。另外说一下，很多国产的浏览器通常采用的也是Chrome内核

各主流浏览器的JS引擎

IE

老版本IE使用Jscript引擎，IE9后包括现在的Edge浏览器使用的都是Charkra引擎（没错，查克拉引擎）

Firefox

这个详细说起来就很多了，主要采用Monkey系列引擎

Safiri

Safiri采用的是JavaScriptCore引擎

Chrome

Chrome使用的是V8引擎，现今流行的Nodejs其实就是封装了V8引擎