一种网页显示的方法和装置制造方法及图纸

技术编号:8131088 阅读:172 留言:0更新日期:2012-12-27 03:16
本发明专利技术公开了一种网页显示的方法和装置,属于无线通信领域。方法包括:将下载的原始网页数据解析排版成DOM树;将所述DOM树序列化成数组,并将数组压缩后存储在内存中;当需要显示网页内容时,从内存中取出压缩后的数组;将压缩后的数组解压缩,并将解压缩后的数组反序列化成所述DOM树;通过渲染引擎将所述DOM树绘制到屏幕上。本发明专利技术将DOM树序列化并压缩后存储在内存中,当需要显示网页内容时,从内存中取出压缩后的数组,无须从缓存中获取并重新解析排版原始网页数据,避免了频繁的输入输出操作,降低了处理器资源消耗,并将解压缩后的数组反序列化成DOM树,通过渲染引擎将DOM树绘制到屏幕上,从而实现网页内容的显示,提高了浏览器的性能和用户体验。

【技术实现步骤摘要】

本专利技术涉及无线通信领域,特别涉及一种网页显示的方法和装置
技术介绍
随着无线通信技术的发展,很多移动终端都具有上网功能。用户通过移动终端可以浏览网页,及时获取信息。但是相对于PC (Personal Computer,个人电脑)来说,移动终端,特别是低端的移动终端,很大的ー个特点就是内存较低。因此,目前很多移动终端通过缓存机制显示网页,具体实现过程如下原始网页数据下载完成后,存储到缓存中,当需要显示网页内容时,如前进、后退或切換窗ロ时,从缓存中取出当前需要显示的原始网页数据,将当前需要显示的原始网页 数据解析排版成DOM (Document Object Model,文档对象模型)树,通过渲染引擎将DOM树绘制到屏幕上,以实现网页内容的显示。现有技术在每次显示的网页内容时,都需要从缓存中取出原始网页数据,输入输出操作频繁,并且后退时需要重新解析排版原始网页数据,需要消耗大量处理器资源,从而降低了浏览速度,影响用户体验。
技术实现思路
为了显示网页时避免频繁的输入输出操作以及降低处理器资源消耗,本专利技术实施例提供了一种网页显示的方法和装置。所述技术方案如下一种网页显示的方法,所述方法包括将下载的原始网页数据解析排版成文档对象模型DOM树;将所述DOM树序列化成数组,并将数组压缩后存储在内存中;当需要显示网页内容时,从内存中取出压缩后的数组;将压缩后的数组解压縮,并将解压缩后的数组反序列化成所述DOM树;通过渲染引擎将所述DOM树绘制到屏幕上。所述将所述DOM树序列化成数组,包括依次序列化所述DOM树的根节点、子节点以及公共数据,并将所述DOM树的根节点、子节点以及公共数据的序列化结果依次写入顺序数据流中,将所述顺序数据流转换成数组。所述将数组压缩后存储在内存中,包括将数组进行GZIP压缩后存储在内存中。所述将解压缩后的数组反序列化成所述DOM树,包括将解压缩后的数组转换成顺序数据流,从所述顺序数据流中依次读取并反序列化所述DOM树的根节点、子节点以及公共数据的序列化结果,得到所述DOM树的根节点、子节点以及公共数据,根据所述DOM树的根节点、子节点以及公共数据生成所述DOM树。所述公共数据包括焦点列表、当前焦点信息、和页面地址。一种网页显示的装置,所述装置包括解析排版模块,用于将下载的原始网页数据解析排版成文档对象模型DOM树;序列化压缩模块,用于将所述DOM树序列化成数组,并将数组压缩后存储在内存中;获取模块,用于当需要显示网页内容吋,从内存中取出压缩后的数组;解压缩反序列化模块,用于将压缩后的数组解压缩,并将解压缩后的数组反序列化成所述DOM树;绘制模块,用于通过渲染引擎将所述DOM树绘制到屏幕上。所述序列化压缩模块包括序列化単元和压缩单元,所述序列化単元,用于依次序列化所述DOM树的根节点、子节点以及公共数据,并 将所述DOM树的根节点、子节点以及公共数据的序列化结果依次写入顺序数据流中,将所述顺序数据流转换成数组;所述压缩単元,用于将数组压缩后存储在内存中;所述压缩単元,用于将数组进行GZIP压缩后存储在内存中。所述解压缩反序列化模块,包括解压缩单元和反序列化単元,解压缩单元,用于将压缩后的数组解压缩,反序列化単元,用于将解压缩后的数组转换成顺序数据流,从所述顺序数据流中依次读取并反序列化所述DOM树的根节点、子节点以及公共数据的序列化结果,得到所述DOM树的根节点、子节点以及公共数据,根据所述DOM树的根节点、子节点以及公共数据生成所述DOM树。所述公共数据包括焦点列表、当前焦点信息、和页面地址。本专利技术实施例提供的技术方案带来的有益效果是通过将下载的原始网页数据解析排版成DOM树,将DOM树序列化并压缩后存储在内存中,降低了占用内存的存储空间,当需要显示网页内容吋,从内存中取出压缩后的数组,无须从缓存中获取并重新解析排版原始网页数据,避免了频繁的输入输出操作,降低了处理器资源消耗,最后将解压缩后的数组反序列化成DOM树,通过渲染引擎将DOM树绘制到屏幕上,从而实现网页内容的显示,提高了浏览器的性能和用户体验。附图说明图I是本专利技术实施例I中提供的网页显示的方法流程图;图2是本专利技术实施例2中提供的网页显示的装置结构示意图;图3是本专利技术实施例2中提供的网页显示的另ー装置结构示意图。具体实施例方式为使本专利技术的目的、技术方案和优点更加清楚,下面将结合附图对本专利技术实施方式作进ー步地详细描述。实施例I參见图1,本实施例提供了一种网页显示的方法,包括101 :将下载的原始网页数据解析排版成DOM树;具体的,通过解析排版引擎将下载的原始网页数据解析排版成DOM树。ー个DOM树一般可以占据200k左右的存储空间。102 :将DOM树序列化成数组,并将数组压缩后存储在内存中;将DOM树序列化成数组,可以采用如下方法实现依次序列化DOM树的根节点、子节点以及公共数据,并将DOM树的根节点、子节点以及公共数据的序列化结果依次写入顺序数据流中,将顺序数据流转换成数组。公共数据包括但不限于焦点列表、当前焦点信息、和页面地址URL(Uniform Resource Locator,统ー资源定位符)等。数组可以是字节Byte数组。其中,将数组压缩后存储在内存中,具体可以采用压缩效率高的GZIP压缩。压缩后的DOM树一般可以占据原DOM树十分之一左右的存储空间,即20K左右,占据的存储空间 很小,可以轻松地存储到内存中。103 :当需要显示网页内容时,从内存中取出压缩后的数组;其中,需要显示网页内容时具体可以是切换窗ロ、前进或后退时。104 :将压缩后的数组解压縮,并将解压缩后的数组反序列化成DOM树;将解压缩后的数组反序列化成DOM树,可以采用如下方法实现将解压缩后的数组转换成顺序数据流,从顺序数据流中依次读取并反序列化DOM树的根节点、子节点以及公共数据的序列化结果,得到DOM树的根节点、子节点以及公共数据,根据DOM树的根节点、子节点以及公共数据生成DOM树。105 :通过渲染引擎将DOM树绘制到屏幕上,以实现网页内容的显示。本方案可以应用于手机QQ浏览器,井能够同时支持15个以上窗ロ的浏览,浏览网页时不会产生临时的RMS文件,还能够支持每个窗ロ后退次数达到10次,而现有技术同时浏览超过5个窗ロ很容易出现内存溢出情況。本方案大大提高了浏览器的性能,极大地堤升了用户的体验。本实施例将下载的原始网页数据解析排版成DOM树,将DOM树序列化并压缩后存储在内存中,降低了占用内存的存储空间,当需要显示网页内容吋,从内存中取出压缩后的数组,无须从缓存中获取并重新解析排版原始网页数据,避免了频繁的输入输出操作,降低了处理器资源消耗,最后将解压缩后的数组反序列化成DOM树,通过渲染引擎将DOM树绘制到屏幕上,从而实现网页内容的显示,提高了浏览器的性能和用户体验。实施例2參见图2,本实施例提供了一种网页显示的装置,包括解析排版模块201,用于将下载的原始网页数据解析排版成文档对象模型DOM树;序列化压缩模块202,用于将DOM树序列化成数组,并将数组压缩后存储在内存中;获取模块203,用于当需要显示网页内容时,从内存中取出压缩后的数组;解压缩反序列化模块204,用于将压缩后的数组解压縮,并将解压缩后的数组反序列化成DOM树;绘制本文档来自技高网...

【技术保护点】
一种网页显示的方法,其特征在于,所述方法包括:将下载的原始网页数据解析排版成文档对象模型DOM树;将所述DOM树序列化成数组,并将数组压缩后存储在内存中;当需要显示网页内容时,从内存中取出压缩后的数组;将压缩后的数组解压缩,并将解压缩后的数组反序列化成所述DOM树;通过渲染引擎将所述DOM树绘制到屏幕上。

【技术特征摘要】
1.一种网页显示的方法,其特征在于,所述方法包括 将下载的原始网页数据解析排版成文档对象模型DOM树; 将所述DOM树序列化成数组,并将数组压缩后存储在内存中; 当需要显示网页内容吋,从内存中取出压缩后的数组; 将压缩后的数组解压縮,并将解压缩后的数组反序列化成所述DOM树; 通过渲染引擎将所述DOM树绘制到屏幕上。2.根据权利要求I所述的方法,其特征在于,所述将所述DOM树序列化成数组,包括 依次序列化所述DOM树的根节点、子节点以及公共数据,并将所述DOM树的根节点、子节点以及公共数据的序列化结果依次写入顺序数据流中,将所述顺序数据流转换成数组。3.根据权利要求I所述的方法,其特征在于,所述将数组压缩后存储在内存中,包括 将数组进行GZIP压缩后存储在内存中。4.根据权利要求I所述的方法,其特征在于,所述将解压缩后的数组反序列化成所述DOM树,包括 将解压缩后的数组转换成顺序数据流,从所述顺序数据流中依次读取并反序列化所述DOM树的根节点、子节点以及公共数据的序列化結果,得到所述DOM树的根节点、子节点以及公共数据,根据所述DOM树的根节点、子节点以及公共数据生成所述DOM树。5.根据权利要求2或4所述的方法,其特征在于,所述公共数据包括焦点列表、当前焦点信息、和页面地址。6.一种网页显示的装置,其特征在于,所述装置包括 解析排版模块,用于将下载的原始网页数据解析排版成文档对象...

【专利技术属性】
技术研发人员:李雪峰黄水成
申请(专利权)人:腾讯科技深圳有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1