浏览器内核
浏览器内核 又可以分成两部分：渲染引擎 和 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 |
网友评论