当前位置: 代码迷 >> Web前端 >> 浏览器内核发动机――渲染引擎
  详细解决方案

浏览器内核发动机――渲染引擎

热度:94   发布时间:2012-11-23 00:03:43.0
浏览器内核引擎――渲染引擎
本章主要讨论渲染引擎如何展现css作用下的html和图像
主要功能:把网络请求得到的资源展现到屏幕上,默认情况下,可以解析和展现html和xml文件和图片,
                通过插件也可以展现其他类型
主要流程:渲染引擎开始从网络层获取请求内容,一般是不超过8K的数据块,
       基本工作流程1.解析html构建dom树,2渲染树构建,3渲染树布局,4绘制渲染树  如下图所示:

?
? ?

?

?四个过程的详细解释:渲染引擎会解析html文档,并把标签换成内容树种的DOM节点,它会解析style元素和
外部的css样式文件,样式数据html和显示控制用来创建另一棵树―渲染树 渲染树包含有颜色,尺寸等显示属性的矩形
这些矩形的顺序与显示顺序一致,构建完渲染树后就是布局,确定每个点在屏幕上的具体位置,最后一个步骤就是绘制
遍历渲染树并用UI后端层将每一个节点绘制出来
各种内核具体的流程:

?
Webkit的主要流程如上

?
Greko的主要流程如上

?
Trident的主要流程如上
渲染引擎的继续深入,请看下节:解析

 
  相关解决方案