[发明专利]一种基于布局分区的网页加载方法有效
申请号: | 201210444840.8 | 申请日: | 2012-11-08 |
公开(公告)号: | CN102915375A | 公开(公告)日: | 2013-02-06 |
发明(设计)人: | 袁东风;翟庆羽;张海霞;徐加利;孙文;孙志猛;李宗璋;于莉;徐祥桐;高凯 | 申请(专利权)人: | 山东大学 |
主分类号: | G06F17/30 | 分类号: | G06F17/30;H04L29/08 |
代理公司: | 济南金迪知识产权代理有限公司 37219 | 代理人: | 许德山 |
地址: | 250100 山*** | 国省代码: | 山东;37 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 基于 布局 分区 网页 加载 方法 | ||
技术领域
本发明涉及浏览器技术领域,尤其是涉及用于移动设备上使用webkit引擎的浏览器的一种基于布局分区的网页加载方法。
背景技术
WebKit的前身是KDE小组的KHTML,其所包含的WebCore排版引擎和JSCore引擎来自于KDE的KHTML和KJS。Webkit作为一个开源的浏览器引擎,其优势在于高效稳定,兼容性好,且源代码结构清晰,易于维护。这些优势使其在手机、平板电脑等移动设备上应用十分广泛,例如Google的手机Android、Apple的iPhone,Nokia’s S60browser等所使用的浏览器内核引擎都是基于WebKit。
目前,基于webkit引擎的浏览器的加载方法是:
1、客户端发出请求;
2、客户进程与服务器建立TCP连接,客户端获取HTML文件、CSS文件、资源文件;
3、客户端浏览器通过W3C规范解析HTML文件生成DOM(文档对象模型)树、解析CSS文件生成样式表;
4、同时样式表附加(attach操作)到DOM树后生成对应的渲染(Render)树;
5、布局管理器布局(Layout)渲染树生成渲染布局(RenderLayer)树;
6、整棵渲染布局树完成生成后,绘制(Painting)渲染布局树,从而最终显示在屏幕上。
随着近几年的飞速发展,移动互联网已经蔚然成风,2011年全球活跃移动宽带用户已达12亿,优化移动设备迫在眉睫。由于移动设备的配置和网络连接速度等局限性,网页加载速度成为制约用户体验的重要因素。我们经常会遇到这样一种现象:用手机打开网页,首先经历界面长时间的空白,等加载(包括上段所提的获取、解析、附加、渲染、布局)结束后,网页显示出来。这种长时间的加载过程极大地影响用户的满意度。如专利号200910160977.9,发明名称为《一种嵌入式网页解析方法及使用该方法的网页浏览器和终端设备》的专利即属于此列。
发明内容
为克服现有技术中存在的不足和缺陷,以解决移动设备上长时间加载的问题,本发明提出了一种基于布局分区的网页加载方法,通过改进布局与绘制方法,利用移动设备本身屏幕较小的特点,基于渲染布局(RenderLayer)树从上到下进行分区绘制,大大缩短加载时间,提升了用户满意度。
本发明的技术方案是按以下方式实现的:
一种基于布局分区的网页加载方法,由移动终端来实现,该移动终端包括安装了webkit内核浏览器的手机、平板电脑以及嵌入式上网装置,采用的是基于ARM a9处理器,安装Android4.0操作系统的上网终端,通过该移动终端和网站之间建立TCP连接关系,该方法步骤如下:
1、移动终端中的浏览器向服务器发送请求,请求浏览器进程与服务器建立TCP连接;
2、服务器端应答,浏览器进程与服务器建立TCP连接,连接建立后,双方进程通过建立好的连接进行读写操作,从而浏览器内核获取HTML文件、CSS文件、资源文件;
3、浏览器内核通过W3C规范解析HTML文件生成DOM(文档对象模型)树、解析CSS文件生成样式表;DOM树由DOM元素及属性节点组成,其元素和HTML文件的标签基本上是一一对应的,样式表则决定了每个DOM元素最终的显示形式;
4、浏览器内核产生DOM树的同时,样式表附加(attach操作)到DOM树后生成对应的渲染(Render)树;构建DOM树时,当DOM元素构建完成,通过Element::attach()方法,将样式表attach到DOM元素中,生成渲染树的RenderObject对象,渲染树由所有包含颜色和大小属性的矩形可见元素组成,是整个文档的可视化表示;
5、布局管理器在对渲染树布局过程中,结合样式表、图片资源,产生渲染布局(RenderLayer)树的一个节点,这一步中将确定这个节点及其所对应的渲染树的渲染对象的所有子元素在屏幕上的确切坐标;
6、布局管理器判断是否产生完一个RenderLayer节点,若是,进行第7步;否则,等待,布局管理器继续检测直到新节点产生;布局管理器判断的原理是,由于一个渲染布局树的节点对应渲染树的一个特殊的渲染对象,渲染布局树的节点的子节点将对应着渲染树的渲染对象子节点的子集,所以,如果渲染树的渲染对象为根的树实现遍历,那么说明渲染布局树的这一节点已经完成产生;
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于山东大学,未经山东大学许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201210444840.8/2.html,转载请声明来源钻瓜专利网。