【浏览器内核】渲染引擎、JavaScript引擎

浏览器内核

浏览器内核 又可以分成两部分：渲染引擎 和 JS引擎。

浏览器渲染过程

渲染引擎

渲染引擎 主要包括： HTML 解释器，CSS 解释器 ，布局

• HTML 解释器：解释 HTML 文本，将 HTML 文本解释成 DOM（文档对象模型）树。
• CSS 解释器： 解释 CSS 文本，为 DOM 中的各个元素对象计算出样式信息，从而为计算网页的布局提供基础设施。
• 布局： DOM 创建之后，将其中的元素对象同样式信息结合起来，计算它们的大小位置等布局信息，形成一个能够表达这些信息的内部表示模型。

JavaScript 引擎

使用 JavaScript 代码可以修改网页的内容，也能修改 CSS 的信息，JavaScript 引擎能够解释 JavaScript 代码，并且通过 DOM 接口和 CSSOM 接口来修改网页内容和样式信息，从而改变渲染结果。

主流渲染引擎内核

浏览器	内核	JS 引擎
Firefox	Gecko	SpiderMonkey(v1.0 - v3.0) -> TraceMonkey(v3.5 - v3.6) -> JagerMonkey(v4.0+)
IE	Trident	JScript(IE3 - IE8)、Chakra(IE9)
Chrome	Webkit -> Blink(2013)	JavascriptCore -> V8
Edge	Edge(2015)	V8
Opera	Presto -> Blink(2013)	Carakan -> V8