浏览器的组成

浏览器的核心是两部分：渲染引擎和JavaScript解释器（JavaScript引擎）

渲染引擎

将网页代码渲染为用户视觉可以感知的平面文档

不通的浏览器有不同的渲染引擎.

firefox:Gecko 引擎

• Safari：WebKit 引擎
• Chrome：Blink 引擎
• IE: Trident 引擎
• Edge: EdgeHTML 引擎
•  

渲染引擎处理网页，通常分成四个阶段。

解析代码：

     HTML 代码解析为 DOM,CSS 代码解析为 CSSOM（CSS Object Model）。

1. 对象合成：将 DOM 和 CSSOM 合成一棵渲染树（render tree）。
2. 布局：计算出渲染树的布局（layout
3. 绘制：将渲染树绘制到屏幕。
4. 以上四步并非严格按顺序执行，往往第一步还没完成，第二步和第三步就已经开始了。所以，会看到这种情况：网页的 HTML 代码还没下载完，但浏览器已经显示出内容了。