[发明专利]一种基于布局分区的网页加载方法

权利要求书

1.一种基于布局分区的网页加载方法，由移动终端来实现，该移动终端包括安装了webkit内核浏览器的手机、平板电脑以及嵌入式上网装置，采用的是基于ARM a9处理器，安装Android4.0操作系统的上网终端，通过该移动终端和网站之间建立TCP连接关系，该方法步骤如下：

1）移动终端中的浏览器向服务器发送请求，请求浏览器进程与服务器建立TCP连接；

2）服务器端应答，浏览器进程与服务器建立TCP连接，连接建立后，双方进程通过建立好的连接进行读写操作，从而浏览器内核获取HTML文件、CSS文件、资源文件；

3）浏览器内核通过W3C规范解析HTML文件生成DOM树、解析CSS文件生成样式表；DOM树由DOM元素及属性节点组成，其元素和HTML文件的标签基本上是一一对应的，样式表则决定了每个DOM元素最终的显示形式；

4）浏览器内核产生DOM树的同时，样式表附加到DOM树后生成对应的渲染树；构建DOM树时，当DOM元素构建完成，通过Element::attach()方法，将样式表attach到DOM元素中,生成渲染树的RenderObject对象，渲染树由所有包含颜色和大小属性的矩形可见元素组成，是整个文档的可视化表示；

5）布局管理器在对渲染树布局过程中，结合样式表、图片资源，产生渲染布局树的一个节点，这一步中将确定这个节点及其所对应的渲染树的渲染对象的所有子元素在屏幕上的确切坐标；

6）布局管理器判断是否产生完一个RenderLayer节点，若是，进行第7）步；否则，等待，布局管理器继续检测直到新节点产生；布局管理器判断的原理是，由于一个渲染布局树的节点对应渲染树的一个特殊的渲染对象，渲染布局树的节点的子节点将对应着渲染树的渲染对象子节点的子集，所以，如果渲染树的渲染对象为根的树实现遍历，那么说明渲染布局树的这一节点已经完成产生；

7）渲染引擎将这一个RenderLayer节点采用增量方式绘制出来，增量绘制的原理是，绘制新产生的这个节点之前，渲染引擎比较之前产生的RenderLayer树的节点有无因这个变化产生影响，如果产生影响，渲染引擎将变化的节点所对应的区块与新的区块一起重新绘制；如果旧的节点没有发生任何变化，那么渲染引擎只对新增节点对应的区块进行绘制；

8）与第7）步同时，布局管理器判断是否渲染树全部布局排版转化为渲染布局树，若否，回到步骤5）；若是，整个网页绘制工作结束。