CN101853293B - 一种自适应分页的方法及装置 - Google Patents

一种自适应分页的方法及装置 Download PDF

Info

Publication number
CN101853293B
CN101853293B CN 201010184237 CN201010184237A CN101853293B CN 101853293 B CN101853293 B CN 101853293B CN 201010184237 CN201010184237 CN 201010184237 CN 201010184237 A CN201010184237 A CN 201010184237A CN 101853293 B CN101853293 B CN 101853293B
Authority
CN
China
Prior art keywords
display screen
visualized elements
client terminal
viewing area
size
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Expired - Fee Related
Application number
CN 201010184237
Other languages
English (en)
Other versions
CN101853293A (zh
Inventor
章国良
杨木祥
李成亮
祁晓龙
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Aspire Digital Technologies Shenzhen Co Ltd
Original Assignee
Aspire Digital Technologies Shenzhen Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Aspire Digital Technologies Shenzhen Co Ltd filed Critical Aspire Digital Technologies Shenzhen Co Ltd
Priority to CN 201010184237 priority Critical patent/CN101853293B/zh
Publication of CN101853293A publication Critical patent/CN101853293A/zh
Application granted granted Critical
Publication of CN101853293B publication Critical patent/CN101853293B/zh
Expired - Fee Related legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明实施例公开了一种自适应分页的方法,该方法包括:将HTML网页进行解析为DOM树,并将所述DOM树中可视化元素生成排版树,获取所述排版树中可视化元素用于显示时所占显示区域的大小和客户终端显示屏的显示区域大小,提取能够覆盖所述客户终端整个显示屏的显示区域的可视化元素在显示屏中作为首页来显示,将所述排版树中其余的可视化元素在所述显示屏中作为后续页来显示。本发明还公开了一种自适应分页的装置,采用本发明,具有通过对首页和后续页的不同分页方式,使得本发明的分页方法更加科学,页面响应速度更加快,提高了用户的体验的优点。

Description

一种自适应分页的方法及装置
技术领域
本发明涉及通信领域,尤其涉及一种自适应分页的方法及装置。
背景技术
随着网络技术的发展,无线互联网技术也获得了迅猛的发展,网络中包含了大量的数据信息,供人们日常生活的使用,如学习、查阅资料以及娱乐等,通过无线设备不仅极大地方便了与他人地联系,还可以随时随地的访问互联网上的资源,而当前最丰富的互联网资源都是为大屏幕的个人电脑设计的HTML(Hyper Text Mark-up Language,超文本标记语言)格式网页,现有技术中所述浏览器显示页面时,通过事先设定所述页面的固定大小后,在所述客户终端来显示,而当无线终端浏览网页时,由于无线设备的屏幕大小、处理能力和网络带宽的限制,这些HTML格式网页无法直接在无线设备上进行浏览,需要进行必要的转换、排版,甚至分页,即对网页进行分割,使之以适当的大小呈现在客户终端上,而现有的分页技术分页时,设定固定的页面大小,而客户终端的显示屏和带宽传输能力各不相同,如果固定分页的页面太大时处理和传输就会较耗时,如果固定分页的页面太小,客户终端需要频繁地进行页面请求,操作繁琐且增加了服务器的负担,同时固定的页面太小会使得显示内容在显示时出显示内容不完整,影响用户的体验。
发明内容
本发明实施例所要解决的技术问题在于,提供一种自适应分页的方法及自适应分页的装置,通过对首页和后续页的不同分页方式,使得本发明的分页方法更加科学,页面响应速度更加快,提高了用户的体验的优点。
本发明实施例提供了一种自适应分页的方法,包括:
将HTML网页进行解析为DOM(Document Object Model,文档对象模型)树,并将所述DOM树中可视化元素生成排版树;
获取所述排版树中可视化元素用于显示时所占显示区域的大小和客户终端显示屏的显示区域大小;
提取能够覆盖所述客户终端整个显示屏的显示区域的可视化元素在显示屏中作为首页来显示;
将所述排版树中其余的可视化元素在所述显示屏中作为后续页来显示。
优选地,所述提取能够覆盖所述客户终端整个显示屏的显示区域的可视化元素在显示屏中作为首页来显示包括:
根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素;
提取所述能够覆盖所述客户终端整个显示屏的显示区域的所需要的可视化元素在显示屏中作为首页来显示。
优选地,进一步包括:
在确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素时,同时需要确保所述可视化元素在首页内的完整性。
优选地,所述根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素具体包括:
根据所述可视化元素的高度,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素。
优选地,所述根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素具体包括:
根据所述可视化元素的宽度,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素。
优选地,所述根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素具体包括:
根据所述可视化元素的面积,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素。
优选地,进一步包括:
根据所述客户终端的处理能力和带宽传输速率确定所述后续页的页面尺寸。
优选地,进一步包括:
根据用户自定义设置的页面尺寸大小来确定所述后续页的页面尺寸。
优选地,进一步包括:
根据所述可视化元素的完整性和大小确定所述后续页的页面尺寸。
本发明实施例一种自适应分页的装置,包括:
解析模块,用于将HTML网页进行解析为DOM树,并将所述DOM树中可视化元素生成排版树;
获取模块,用于获取所述排版树中可视化元素用于显示时所占区域的大小和客户终端显示屏的显示区域大小;
首页确定模块,用于提取能够覆盖所述客户终端整个显示屏的显示区域的可视化元素在显示屏中作为首页来显示;
后续页确定模块,用于将所述排版树中其余的可视化元素在所述显示屏中作为后续页来显示。
优选地,所述首页确定模块包括:
确定单元,用于根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素;
提取单元,用于提取所述能够覆盖所述客户终端整个显示屏的显示区域的可视化元素在显示屏中作为首页来显示。
优选地,进一步包括:
首页优化模块,用于在确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素时,同时需要确保所述可视化元素在首页内的完整性。
优选地,包括:
所述后续页确定模块,还用于通过根据所述客户终端的处理能力和带宽传输速率确定所述后续页的页面尺寸;或,根据用户自定义设置的页面尺寸大小来确定所述后续页的页面尺寸;或,根据所述可视化元素的完整性和大小确定所述后续页的页面尺寸。
实施本发明实施例,通过将HTML网页进行解析为DOM树,并将所述DOM树中可视化元素生成排版树,获取所述排版树中可视化元素用于显示时所占显示区域的大小和客户终端显示屏的显示区域大小,提取能够覆盖所述客户终端整个显示屏的显示区域的可视化元素在显示屏中作为首页来显示,将所述排版树中其余的可视化元素在所述显示屏中作为后续页来显示。采用本发明,具有通过对首页和后续页的不同分页方式,使得本发明的分页方法更加科学,页面响应速度更加快,提高了用户的体验的优点。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1是本发明自适应分页的方法第一实施例的流程图;
图2是本发明自适应分页的方法第二实施例的流程图;
图3是本发明实施例自适应分页的装置的结构示意图;
图4是本发明实施例自适应分页的装置的首页确定模块的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
为使本发明的目的、技术方案及优点更加清楚明白,以下参照附图对本发明实施例进一步详细说明。
参考图1,是本发明自适应分页的方法第一实施例的流程图,如图1所示,该方法包括以下步骤:
步骤S101,将HTML网页进行解析为DOM树,并将所述DOM树中可视化元素生成排版树。
本步骤中,所述将HTML网页进行解析为DOM树,并将所述DOM树中可视化元素生成排版树,具体为本发明是基于客户端和服务器架构的浏览器,浏览器在接收到HTML网页之后,将所述HTML网页解析成DOM树结构,所述DOM树中包含了可视化元素和不可视化元素,所述浏览器进一步将所述DOM树中的可视化元素生成排版树,用于后续的页面的显示。
步骤S102,获取所述排版树中可视化元素用于显示时所占显示区域的大小和客户终端显示屏的显示区域大小。
本步骤中,所述获取所述排版树中可视化元素用于显示时所占显示区域的大小和客户终端显示屏的显示区域大小。具体为获取所述排版树中的可视化元素用于显示时所占显示区域的大小包括获取所述排版树中的可视化元素的高度值、获取所述排版树中的可视化元素的宽度值以及获取所述排版树中的可视化元素的面积值当中的一种或多种;所述获取客户终端显示屏的显示区域大小为通过获取所述客户终端的用于显示网页的显示屏中的显示区域的大小,确定所述客户终端的显示区域大小,包括所述显示区域的高度值、宽度值以及面积值当中的一种或多种。
步骤S103,提取能够覆盖所述客户终端整个显示屏的显示区域的可视化元素在显示屏中作为首页来显示。
本步骤中,所述提取能够覆盖所述客户终端整个显示屏的显示区域的可视化元素在显示屏中作为首页来显示,具体为根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素;提取所述能够覆盖所述客户终端整个显示屏的显示区域的所需要的可视化元素在显示屏中作为首页来显示。所述根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素具体包括:根据所述可视化元素的高度,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素。或,根据所述可视化元素的宽度,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素。或,根据所述可视化元素的面积,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素。其中,所述根据所述可视化元素的高度,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素为获取所述可视化元素的高度值,对所述高度值进行分析、计算后,根据所述客户终端显示屏的显示区域的大小确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素,同理也可以根据所述可视化元素的宽度值以及面积值,并根据所述客户终端显示屏的显示区域的大小确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素。进一步的在确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素时,同时需要确保所述可视化元素在首页内的完整性,所述可视化元素在首页内的完整性可以为整体的完整,也可以是局部的完整,所述根据所述可视化元素在首页中所占比例可以为预先设定的比例也可以是用户根据自己的需要自行设定的比例,例如,在浏览器显示网页时,一整篇文章为一个可视化元素,那么在正好覆盖所述客户终端整个显示屏的显示区域时,并不是整个可视化元素都在首页当中,那么为了兼顾可视化元素的完整性,所述完整性可以为整篇文章的完整,也可为在某个段落结束时分页的局部完整,并不是一定为正好为一个整屏显示,可以适当的多出或少于一整屏的显示。进一步的所述是否在首页中显示,也可以取决于可视化元素在首页中所占的比例,例如,当所述显示元素在首页正好一整屏显示时,超过10%以上的显示内容在首页中则为了保证显示内容的完整性,在首页中显示,否则在后续页中显示。
步骤S104,将所述排版树中其余的可视化元素在所述显示屏中作为后续页来显示。
本步骤中,所述将所述排版树中其余的可视化元素在所述显示屏中作为后续页来显示,具体为所述后续页的显示大小可以根据所述客户终端的处理能力和带宽传输速率确定所述后续页的页面尺寸,由于所述客户终端的处理能力和客户终端的配置有关,所以不同的客户终端的处理能力不同,以及不同的带宽的传输速率也不相同,这两方面参与确定后续页的页面尺寸,例如,客户终端的可用内存较少只能处理小于20K的数据包,而无线带宽传输数据的速率为5K/S,如果能接受在传输上开销3秒钟的时间,那么后续页的页面大小则可以确定在15K以内;如果能接受在传输上开销2秒钟的时间,那么后续页的页面可以确定在10K以内。所述后续页的页面尺寸也可以根据用户自定义设置的页面尺寸大小来确定所述后续页的页面尺寸,所述自定义的值可以是基于大量统计或者基于经验来确定,例如,客户终端设置页面的大小为20K以内,那么当后续页达到20K时,所述页面就会被分页。进一步所述后续页的页面尺寸也可以为根据所述可视化元素的完整性和大小确定所述后续页的页面尺寸,例如,设置的后续页的尺寸为30K左右,那么在所述显示内容为30K左右时,判断所述显示内容是否完整,如当一个完整的段落结束或者一副完整的图片及说明文字结束时就执行分页操作。
实施本发明实施例,通过将HTML网页进行解析为DOM树,并将所述DOM树中可视化元素生成排版树,获取所述排版树中可视化元素用于显示时所占显示区域的大小和客户终端显示屏的显示区域大小,提取能够覆盖所述客户终端整个显示屏的显示区域的可视化元素在显示屏中作为首页来显示,将所述排版树中其余的可视化元素在所述显示屏中作为后续页来显示。采用本发明,具有通过对首页和后续页的不同分页方式,使得本发明的分页方法更加科学,页面响应速度更加快,提高了用户的体验的优点。
参考图2,是本发明自适应分页的方法第二实施例的流程图,如图2所示,该方法包括以下步骤:
所述步骤S201和步骤S202与图1中步骤S101和步骤S102一一对应且相同,在这里就不再赘述。
步骤S203,根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素。
本步骤中,所述根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素,具体为根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素;所述根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素具体包括:根据所述可视化元素的高度,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素。或,根据所述可视化元素的宽度,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素。或,根据所述可视化元素的面积,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素。其中,所述根据所述可视化元素的高度,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素为获取所述可视化元素的高度值,对所述高度值进行分析、计算后,根据所述客户终端显示屏的显示区域的大小确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素,同理也可以根据所述可视化元素的宽度值以及面积值,并根据所述客户终端显示屏的显示区域的大小确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素。
步骤S204,提取所述能够覆盖所述客户终端整个显示屏的显示区域的所需要的可视化元素在显示屏中作为首页来显示。
本步骤中,提取所述能够覆盖所述客户终端整个显示屏的显示区域的所需要的可视化元素在显示屏中作为首页来显示,具体为提取所述能够覆盖所述客户终端整个显示屏的显示区域的所需要的可视化元素在显示屏中作为首页来显示,在确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素时,同时需要确保所述可视化元素在首页内的完整性,所述可视化元素在首页内的完整性可以为整体的完整,也可以是局部的完整,所述根据所述可视化元素在首页中所占比例可以为预先设定的比例也可以是用户根据自己的需要自行设定的比例,例如,在浏览器显示网页时,一整篇文章为一个可视化元素,那么在正好覆盖所述客户终端整个显示屏的显示区域时,并不是整个可视化元素都在首页当中,那么为了兼顾可视化元素的完整性,所述完整性可以为整篇文章的完整,也可为在某个段落结束时分页的局部完整,并不是一定正好为一个整屏显示,可以适当的多出或少于一整屏的显示。进一步的所述是否在首页中显示,也可以取决于可视化元素在首页中所占的比例,例如,当所述显示元素在首页正好一整屏显示时,超过10%以上的显示内容在首页中则为了保证显示内容的完整性,在首页中显示,否则在后续页中显示。
所述步骤S205与图1中步骤S104对应且相同,在这里就不再赘述。
实施本发明实施例,通过将HTML网页进行解析为DOM树,并将所述DOM树中可视化元素生成排版树,获取所述排版树中可视化元素用于显示时所占显示区域的大小和客户终端显示屏的显示区域大小,提取能够覆盖所述客户终端整个显示屏的显示区域的可视化元素在显示屏中作为首页来显示,将所述排版树中其余的可视化元素在所述显示屏中作为后续页来显示。采用本发明,具有通过对首页和后续页的不同分页方式,使得本发明的分页方法更加科学,页面响应速度更加快,提高了用户的体验的优点。
参考图3,是本发明实施例自适应分页的装置的结构示意图,如图3所示,本发明实施例自适应分页的装置主要包括:解析模块1、获取模块2、首页确定模块3、首页优化模块4以及后续页确定模块5。下面对各单元功能以及相互关系进行详细说明。
解析模块1,用于将HTML网页进行解析为DOM树,并将所述DOM树中可视化元素生成排版树;
所述将HTML网页进行解析为DOM树,并将所述DOM树中可视化元素生成排版树,具体为本发明是基于客户端和服务器架构的浏览器,浏览器在接收到HTML网页之后,将所述HTML网页解析成DOM树结构,所述DOM树中包含了可视化元素和不可视化元素,所述浏览器进一步将所述DOM树中的可视化元素生成排版树,用于后续的页面的显示。
获取模块2,用于获取所述排版树中可视化元素用于显示时所占区域的大小和客户终端显示屏的显示区域大小;
所述获取所述排版树中可视化元素用于显示时所占显示区域的大小和客户终端显示屏的显示区域大小。具体为获取所述排版树中的可视化元素用于显示时所占显示区域的大小包括获取所述排版树中的可视化元素的高度值、获取所述排版树中的可视化元素的宽度值以及获取所述排版树中的可视化元素的面积值当中的一种或多种;所述获取客户终端显示屏的显示区域大小为通过获取所述客户终端的用于显示网页的显示屏中的显示区域的大小,确定所述客户终端的显示区域大小,包括所述显示区域的高度值、宽度值以及面积值当中的一种或多种。
首页确定模块3,用于提取能够覆盖所述客户终端整个显示屏的显示区域的可视化元素在显示屏中作为首页来显示;请一并参看图4,图4是本发明实施例自适应分页的装置的首页确定模块的结构示意图,该首页确定模块3进一步包括提取单元31以及提取单元32,其中;
确定单元31,用于根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素;
所述根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素,具体为根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素;所述根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素具体包括:根据所述可视化元素的高度,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素。或,根据所述可视化元素的宽度,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素。或,根据所述可视化元素的面积,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素。其中,所述根据所述可视化元素的高度,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素为获取所述可视化元素的高度值,对所述高度值进行分析、计算后,根据所述客户终端显示屏的显示区域的大小确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素,同理也可以根据所述可视化元素的宽度值以及面积值,并根据所述客户终端显示屏的显示区域的大小确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素。
提取单元32,用于提取所述能够覆盖所述客户终端整个显示屏的显示区域的可视化元素在显示屏中作为首页来显示。
提取所述能够覆盖所述客户终端整个显示屏的显示区域的所需要的可视化元素在显示屏中作为首页来显示,具体为提取所述能够覆盖所述客户终端整个显示屏的显示区域的所需要的可视化元素在显示屏中作为首页来显示,在确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素时,同时需要确保所述可视化元素在首页内的完整性,所述可视化元素在首页内的完整性可以为整体的完整,也可以是局部的完整,所述根据所述可视化元素在首页中所占比例可以为预先设定的比例也可以是用户根据自己的需要自行设定的比例,例如,在浏览器显示网页时,一整篇文章为一个可视化元素,那么在正好覆盖所述客户终端整个显示屏的显示区域时,并不是整个可视化元素都在首页当中,那么为了兼顾可视化元素的完整性,所述完整性可以为整篇文章的完整,也可为在某个段落结束时分页的局部完整,并不是一定正好一个整屏显示,可以适当的多出或少于一整屏的显示。进一步的所述是否在首页中显示,也可以取决于可视化元素在首页中所占的比例,例如,当所述显示元素在首页正好一整屏显示时,超过10%以上的显示内容在首页中则为了保证显示内容的完整性,在首页中显示,否则在后续页中显示。
首页优化模块4,用于在确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素时,同时需要确保所述可视化元素在首页内的完整性。
所述在确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素时,同时需要确保所述可视化元素在首页内的完整性,具体为所述可视化元素在首页内的完整性可以为整体的完整,也可以是局部的完整,所述根据所述可视化元素在首页中所占比例可以为预先设定的比例也可以是用户根据自己的需要自行设定的比例,例如,在浏览器显示网页时,一整篇文章为一个可视化元素,那么在正好覆盖所述客户终端整个显示屏的显示区域时,并不是整个可视化元素都在首页当中,那么为了兼顾可视化元素的完整性,所述完整性可以为整篇文章的完整,也可为在某个段落结束时分页的局部完整,并不是一定为正好为一个整屏显示,可以适当的多出或少于一整屏的显示。进一步的所述是否在首页中显示,也可以取决于可视化元素在首页中所占的比例,例如,当所述显示元素在首页正好一整屏显示时,超过10%以上的显示内容在首页中则为了保证显示内容的完整性,在首页中显示,否则在后续页中显示。
后续页确定模块5,用于将所述排版树中其余的可视化元素在所述显示屏中作为后续页来显示。
所述将所述排版树中其余的可视化元素在所述显示屏中作为后续页来显示,具体为所述后续页的显示大小可以根据所述客户终端的处理能力和带宽传输速率确定所述后续页的页面尺寸,由于所述客户终端的处理能力和客户终端的配置有关,所以不同的客户终端的处理能力不同,以及不同的带宽的传输速率也不相同,这两方面决定了后续页的页面尺寸,例如,客户终端的可用内存较少只能处理小于20K的数据包,而无线带宽传输数据的速率为5K/S,如果能接受在传输上开销3秒钟的时间,那么后续页的页面大小则可以确定在15K以内;如果能接受在传输上开销2秒钟的时间,那么后续页的页面可以确定在10K以内。所述后续页的页面尺寸也可以根据用户自定义设置的页面尺寸大小来确定所述后续页的页面尺寸,所述自定义的值可以是基于大量统计或者基于经验来确定,例如,客户终端设置页面的大小为20K以内,那么当后续页达到20K时,所述客户终端就会分页。进一步所述后续页的页面尺寸也可以为根据所述可视化元素的完整性和大小确定所述后续页的页面尺寸,例如,设置的后续页的尺寸为30K左右,那么在所述显示内容为30K左右时,判断所述显示内容是否完整,如当一个完整的段落结束或者一副完整的图片及说明文字结束时就执行分页操作。
实施本发明实施例,通过将HTML网页进行解析为DOM树,并将所述DOM树中可视化元素生成排版树,获取所述排版树中可视化元素用于显示时所占显示区域的大小和客户终端显示屏的显示区域大小,提取能够覆盖所述客户终端整个显示屏的显示区域的可视化元素在显示屏中作为首页来显示,将所述排版树中其余的可视化元素在所述显示屏中作为后续页来显示。采用本发明,具有通过对首页和后续页的不同分页方式,使得本发明的分页方法更加科学,页面响应速度更加快,提高了用户的体验的优点。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)或随机存储记忆体(Random Access Memory,RAM)等。
以上所揭露的仅为本发明较佳实施例而已,当然不能以此来限定本发明之权利范围,因此依本发明权利要求所作的等同变化,仍属本发明所涵盖的范围。

Claims (13)

1.一种自适应分页的方法,其特征在于,包括:
将HTML网页进行解析为DOM树,并将所述DOM树中可视化元素生成排版树;
获取所述排版树中可视化元素用于显示时所占显示区域的大小和客户终端显示屏的显示区域大小;
提取能够覆盖所述客户终端整个显示屏的显示区域的可视化元素在显示屏中作为首页来显示;
将所述排版树中其余的可视化元素在所述显示屏中作为后续页来显示。
2.如权利要求1所述的方法,其特征在于,所述提取能够覆盖所述客户终端整个显示屏的显示区域的可视化元素在显示屏中作为首页来显示包括:
根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素;
提取所述能够覆盖所述客户终端整个显示屏的显示区域的所需要的可视化元素在显示屏中作为首页来显示。
3.如权利要求2所述的方法,其特征在于,进一步包括:
在确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素时,同时需要确保所述可视化元素在首页内的完整性。
4.如权利要求3所述的方法,其特征在于,所述根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素具体包括:
根据所述可视化元素的高度,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素。
5.如权利要求3所述的方法,其特征在于,所述根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素具体包括:
根据所述可视化元素的宽度,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素。
6.如权利要求3所述的方法,其特征在于,所述根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素具体包括:
根据所述可视化元素的面积,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素。
7.如权利要求1至6任意一项所述的方法,其特征在于,进一步包括:
根据所述客户终端的处理能力和带宽传输速率确定所述后续页的页面尺寸。
8.如权利要求1至6任意一项所述的方法,其特征在于,进一步包括:
根据用户自定义设置的页面尺寸大小来确定所述后续页的页面尺寸。
9.如权利要求1至6任意一项所述的方法,其特征在于,进一步包括:
根据所述可视化元素的完整性和大小确定所述后续页的页面尺寸。
10.一种自适应分页的装置,其特征在于,包括:
解析模块,用于将HTML网页进行解析为DOM树,并将所述DOM树中可视化元素生成排版树;
获取模块,用于获取所述排版树中可视化元素用于显示时所占区域的大小和客户终端显示屏的显示区域大小;
首页确定模块,用于提取能够覆盖所述客户终端整个显示屏的显示区域的可视化元素在显示屏中作为首页来显示;
后续页确定模块,用于将所述排版树中其余的可视化元素在所述显示屏中作为后续页来显示。
11.如权利要求10所述的装置,其特征在于,所述首页确定模块包括:
确定单元,用于根据所述可视化元素用于显示时所占区域的大小,确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素;
提取单元,用于提取所述能够覆盖所述客户终端整个显示屏的显示区域的可视化元素在显示屏中作为首页来显示。
12.如权利要求10所述的装置,其特征在于,进一步包括:
首页优化模块,用于在确定覆盖所述客户终端整个显示屏的显示区域所需要的可视化元素时,同时需要确保所述可视化元素在首页内的完整性。
13.如权利要求10所述的装置,其特征在于,包括:
所述后续页确定模块,还用于通过根据所述客户终端的处理能力和带宽传输速率确定所述后续页的页面尺寸;或,根据用户自定义设置的页面尺寸大小来确定所述后续页的页面尺寸;或,根据所述可视化元素的完整性和大小确定所述后续页的页面尺寸。
CN 201010184237 2010-05-26 2010-05-26 一种自适应分页的方法及装置 Expired - Fee Related CN101853293B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN 201010184237 CN101853293B (zh) 2010-05-26 2010-05-26 一种自适应分页的方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN 201010184237 CN101853293B (zh) 2010-05-26 2010-05-26 一种自适应分页的方法及装置

Publications (2)

Publication Number Publication Date
CN101853293A CN101853293A (zh) 2010-10-06
CN101853293B true CN101853293B (zh) 2012-07-25

Family

ID=42804785

Family Applications (1)

Application Number Title Priority Date Filing Date
CN 201010184237 Expired - Fee Related CN101853293B (zh) 2010-05-26 2010-05-26 一种自适应分页的方法及装置

Country Status (1)

Country Link
CN (1) CN101853293B (zh)

Families Citing this family (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8621571B2 (en) * 2010-03-03 2013-12-31 Htc Corporation Online service providing system, method, server and mobile device thereof, and computer program product
CN102541848A (zh) * 2010-12-08 2012-07-04 卓望数码技术(深圳)有限公司 基于手机浏览器的页面加载方法、装置、系统和服务器
CN102541876A (zh) * 2010-12-13 2012-07-04 腾讯科技(深圳)有限公司 浏览网页的方法、装置、服务器和移动终端
CN102346782A (zh) * 2011-10-25 2012-02-08 中兴通讯股份有限公司 在用户终端浏览器上按需显示图片的方法及装置
CN103365930A (zh) * 2012-04-11 2013-10-23 富泰华工业(深圳)有限公司 网页内容显示控制系统及方法
CN104182398A (zh) * 2013-05-21 2014-12-03 北大方正集团有限公司 服务器和信息浏览方法
CN104216909B (zh) * 2013-06-04 2018-10-02 腾讯科技(深圳)有限公司 网页数据处理方法及处理装置
CA2923580C (en) * 2013-09-12 2021-10-12 Wix.Com Ltd. System and method for automated conversion of interactive sites and applications to support mobile and other display environments
CN103605783B (zh) * 2013-11-29 2017-09-29 优视科技有限公司 网页显示方法及装置
CN105681252B (zh) * 2014-11-18 2020-05-19 中兴通讯股份有限公司 一种基于客户端侧数据的处理方法及装置
WO2016168968A1 (en) * 2015-04-20 2016-10-27 Guangzhou Ucweb Computer Technology Co., Ltd. Method and device of displaying webpage
CN105069060B (zh) * 2015-07-28 2020-02-07 北京京东尚科信息技术有限公司 一种html文档分页排版方法
CN105677909A (zh) * 2016-02-24 2016-06-15 沈文策 一种网页滑动翻页的布局方法
CN106919704B (zh) * 2017-03-09 2019-02-12 掌阅科技股份有限公司 网页内容的分页展现方法、装置及服务器、存储介质
CN109408752B (zh) * 2018-10-17 2020-06-19 天津字节跳动科技有限公司 在线文档展示方法、装置以及电子设备
CN109710121B (zh) * 2019-01-10 2020-07-03 环球雅途集团有限公司 一种自适应屏幕尺寸的排版显示方法
CN111177602A (zh) * 2019-12-04 2020-05-19 思齐芙蓉教育集团(湖南)有限公司 一种对网页内容进行分页排版的方法及系统
CN114791984B (zh) * 2022-06-27 2022-10-14 北京东方国信科技股份有限公司 导航树显示方法、导航树显示装置和电子设备

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1779672A (zh) * 2004-11-24 2006-05-31 微软公司 在传送给显示屏的内容中在线和离线做广告的系统和方法
CN101196918A (zh) * 2007-12-27 2008-06-11 腾讯科技(深圳)有限公司 一种分页方法及分页装置

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1779672A (zh) * 2004-11-24 2006-05-31 微软公司 在传送给显示屏的内容中在线和离线做广告的系统和方法
CN101196918A (zh) * 2007-12-27 2008-06-11 腾讯科技(深圳)有限公司 一种分页方法及分页装置

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
陈翰生等.一种基于位置信息的Web页面分割方法.《计算机应用与软件》.2009,第26卷(第7期),第155-159页. *

Also Published As

Publication number Publication date
CN101853293A (zh) 2010-10-06

Similar Documents

Publication Publication Date Title
CN101853293B (zh) 一种自适应分页的方法及装置
CN102591954B (zh) 一种浏览器用数据加载方法及装置
CN103714115A (zh) 一种网页内容的加载方法和装置
CN107808010A (zh) 一种弹窗页面生成方法、装置、浏览器及存储介质
CN104572843B (zh) 一种页面的加载方法及装置
CN103973737A (zh) 主动推送消息的方法、服务器及浏览器
CN104410711A (zh) 客户端跨域请求网络资源的方法和装置
CN103593354A (zh) 一种过滤网络页面广告的方法、装置、服务器及系统
CN103473302A (zh) 一种锁屏信息展示方法、装置和系统
CN105786207B (zh) 信息输入方法和装置
CN101441631A (zh) 一种用于异步网页浏览的数据访问方法
CN102831190B (zh) 一种在低端设备上浏览cml文件的方法
CN103389895A (zh) 一种前端页面的生成方法及系统
CN103853767A (zh) 一种基于浏览器的社交圈分享方法和装置
CN106874271A (zh) 一种将pc网页转换为移动终端网页的方法及系统
WO2014154033A1 (en) Method and apparatus for extracting web page content
JP2019505911A (ja) 世論に対するpr活動の実施方法、システム、ユーザ端末及びコンピュータ読取り可能な記憶媒体
CN102831150A (zh) 浏览器与本地应用的交互方法、系统及终端
CN104142975A (zh) 一种基于微博消息的推广方法、装置及系统
CN102609503A (zh) 静态网页页面的生成方法及装置
CN102253986A (zh) 提高多终端网页显示效果的方法和装置
CN102982088A (zh) 一种用于提供用户在目标页面上的反馈信息的方法
CN101620621A (zh) 一种网页切分方法及系统
CN104899203A (zh) 一种网页页面的生成方法、装置及终端设备
CN104077323A (zh) 一种网页内容转换彩信的方法和装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant
C17 Cessation of patent right
CF01 Termination of patent right due to non-payment of annual fee

Granted publication date: 20120725

Termination date: 20130526