浏览器渲染引擎

渲染器

所有的HTML节点转换完成以后，就是DOM树构建完毕，即domReady.
浏览器如何将HTML标签解析成DOM树？
答：浏览器是通过渲染引擎实现的。
渲染引擎的职责就是把请求的内容显示到屏幕上，默认情况下能显示Html xml 及图片。通过扩展即插件可以显示pdf等。

渲染引擎的渲染流程

首先通过网络获得请求的内容，通常以8k分块方式完成

然后解析HTML构建DOM树（构建DOM节点）

构建渲染树（解析样式信息，比如css样式）

布局渲染树（布局DOM节点，实现布局操作）

绘制渲染树（绘制DOM节点）

以上就是html的基本结构渲染

但这里并不包含解析外部资源的加载，比如图片，脚本等，即便绘制DOM节点已经完成，而外部资源可以还在加载，或未加载

Webkit主要渲染流程