平码五不中公式规律
  • / 20
  • 下载费用:30 金币  

网页重新布局的方法和装置.pdf

关 键 ?#21097;?/dt>
网页 重新 布局 方法 装置
  专利查询网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
摘要
申请专利号:

CN201410148919.5

申请日:

2014.04.14

公开号:

CN103914555A

公开日:

2014.07.09

当前法律状态:

授权

有效性:

有权

法?#19978;?#24773;: 授权|||实质审查的生效IPC(主分类):G06F 17/30申请日:20140414|||公开
IPC分类号: G06F17/30 主分类号: G06F17/30
申请人: 百度在线网络技术(北京)有限公司
发明人: 孙帆; 曹一挥
地址: 100085 北京市海淀区上地十街10号百度大厦三层
优?#28909;ǎ?/td>
专利代理机构: 北京清亦华知识产权代理事务所(普通合伙) 11201 代理人: 宋合成
PDF完整版下载: PDF下载
法律状态
申请(专利)号:

CN201410148919.5

授权公告号:

||||||

法律状态公告日:

2017.10.27|||2014.08.06|||2014.07.09

法律状态类型:

授权|||实质审查的生效|||公开

摘要

本发明提出一种网页重新布局的方法和装置,为提高展现效果和提升用户体验。该网页重新布局的方法包括构建页面分块树;获取所述页面分块树中每个分块的重要度;根据重要度从高到低的顺序?#36816;?#36848;每个分块重新排序,得到重新布局后的网页。该方法能够提高展现效果,并且可以提升用户体验。

权利要求书

权利要求书
1.  一种网页重新布局的方法,其特征在于,包括:
构建页面分块树;
获取所述页面分块树中每个分块的重要度;
根据重要度从高到低的顺序?#36816;?#36848;每个分块重新排序,得到重新布局后的网页。

2.  根据权利要求1所述的方法,其特征在于,所述构建页面分块树,包括:
从整个页面中展示节点的根节点开始,依次遍历每个子节点,得到初步的布局分块;
?#36816;?#36848;初步的布局分块,按照如下的顺序进行处理,得到处理后的分块,直至处理后的每个分块的粒度在预设的门限?#30340;冢?BR>横向合并、横向划分、纵向划分;
根据所述划分后的分块的嵌套关系,得到页面分块树。

3.  根据权利要求2所述的方法,其特征在于,所述依次遍历每个子节点,得到初步的布局分块,包括:
将具有布局特征的节点所对应的分块确定为一个初步的布局分块;
将非连续的不具有布局特征的节点所对应的分块确定为一个初步的布局分块;以及,
将连续不具有布局特征的节点所对应的分块合并为一个初步的布局分块。

4.  根据权利要求2所述的方法,其特征在于,所述横向合并,包括:
当第一块和第二块满足如下条件时,?#36816;?#36848;第一块和所述第二块进行合并处理,所述第一块和所述第二块为所述初步的布局分块中横向相邻的两个布局分块:
abs(ys1-ys2)<=thy,且abs(ye1-ye2)<=thy,以及,abs(xe1-xs2)<=thx,
其中,ys1表?#38236;?#19968;块纵坐标的起始坐标,ys2表?#38236;?#20108;块纵坐标的起始坐标,ye1表?#38236;?#19968;块纵坐标的结束坐标,ye2表?#38236;?#20108;块纵坐标的结束坐标,xe1表?#38236;?#19968;块横坐标的结束坐标,xs2表?#38236;?#20108;块横坐标的起始坐标,thy和thx分别为预设的门限值,abs表示求绝对值。

5.  根据权利要求2所述的方法,其特征在于,所述横向划分,包括:
依次增加横向分割线的纵坐标,使得所述横向分割线从上?#26009;?#20381;?#25105;?#21160;,所述横向分割线是横跨页面的一条线;
在所述横向分割线依?#25105;?#21160;过程中,当所述横向分割线没有穿过任何块时,采用所述横向分割线将页面划分为上半部分和下半部分,所述块为经过横向合并后的布局分块;
在所述下半部分,再?#25105;?#27425;增加所述横向分割线的纵坐标,并在所述横向分割线没有穿过任何块时,再次采用所述横向分割线进行划分,直至所述横向分割线到达页面最底端, 得到横向划分后的分块。

6.  根据权利要求2所述的方法,其特征在于,所述纵向划分,包括:
在每个横向划分后得到的分块中,依次增加纵向分割线的横坐标,使得所述纵向分割线从左至右依?#25105;?#21160;,所述纵向分割线是纵跨横向划分后得到的分块的一条线;
在所述纵向分割线依?#25105;?#21160;过程中,当所述纵向分割线没有穿过任何块时,采用所述纵向分割线将所述横向划分后得到的分块划分为左半部分和右半部分,所述块为经过横向合并和横向划分后的分块;
在右半部分,再?#25105;?#27425;增加所述纵向分割线的横坐标,并在所述纵向分割线没有穿过任何块时,再次采用所述纵向分割线进行划分,直至所述纵向分割线到达页面最右端,得到横向划分后的分块。

7.  根据权利要求2所述的方法,所述页面分块树从上?#26009;?#30001;如下块组成:
横向划分后得到的分块;
纵向划分后得到的分块;
横向合并后得到的分块。

8.  根据权利要求7所述的方法,其特征在于,所述获取所述页面分块树中每个分块的重要度,包括:
对于横向划分后得到的分块,设置最上端和最下端的分块的重要度最低,对最上端和最下端之间的中间各分块,按照从上到下的顺序,设置重要度依次递减。

9.  根据权利要求7所述的方法,其特征在于,所述获取所述页面分块树中每个分块的重要度,包括:
对于纵向划分后得到的分块,采用如下公式确定各分块的重要度:
w1*width-w2*distance,
其中,width表示分块的宽度,distance表示分块中心的横坐标距离页面中轴的距离,w1和w2表示预先设定的系数。

10.  一种网页重新布局的装置,其特征在于,包括:
构建模块,用于构建页面分块树;
获取模块,用于获取所述页面分块树中每个分块的重要度;
重排模块,用于根据重要度从高到低的顺序?#36816;?#36848;每个分块重新排序,得到重新布局后的网页。

11.  根据权利要求10所述的装置,其特征在于,所述构建模块包括:
第一单元,用于从整个页面中展示节点的根节点开始,依次遍历每个子节点,得到初步的布局分块;
第二单元,用于?#36816;?#36848;初步的布局分块,按照如下的顺序进行处理,得到处理后的分块,直至处理后的每个分块的粒度在预设的门限?#30340;冢?BR>横向合并、横向划分、纵向划分;
第三单元,用于根据所述划分后的分块的嵌套关系,得到页面分块树。

12.  根据权利要求11所述的装置,其特征在于,所述第一单元具体用于:
将具有布局特征的节点所对应的分块确定为一个初步的布局分块;
将非连续的不具有布局特征的节点所对应的分块确定为一个初步的布局分块;以及,
将连续不具有布局特征的节点所对应的分块合并为一个初步的布局分块。

13.  根据权利要求11所述的装置,其特征在于,所述第二单元进行的所述横向合并,包括:
当第一块和第二块满足如下条件时,?#36816;?#36848;第一块和所述第二块进行合并处理,所述第一块和所述第二块为所述初步的布局分块中横向相邻的两个布局分块:
abs(ys1-ys2)<=thy,且abs(ye1-ye2)<=thy,以及,abs(xe1-xs2)<=thx,
其中,ys1表?#38236;?#19968;块纵坐标的起始坐标,ys2表?#38236;?#20108;块纵坐标的起始坐标,ye1表?#38236;?#19968;块纵坐标的结束坐标,ye2表?#38236;?#20108;块纵坐标的结束坐标,xe1表?#38236;?#19968;块横坐标的结束坐标,xs2表?#38236;?#20108;块横坐标的起始坐标,thy和thx分别为预设的门限值,abs表示求绝对值。

14.  根据权利要求11所述的装置,其特征在于,所述第二单元进行的所述横向划分,包括:
依次增加横向分割线的纵坐标,使得所述横向分割线从上?#26009;?#20381;?#25105;?#21160;,所述横向分割线是横跨页面的一条线;
在所述横向分割线依?#25105;?#21160;过程中,当所述横向分割线没有穿过任何块时,采用所述横向分割线将页面划分为上半部分和下半部分,所述块为经过横向合并后的布局分块;
在所述下半部分,再?#25105;?#27425;增加所述横向分割线的纵坐标,并在所述横向分割线没有穿过任何块时,再次采用所述横向分割线进行划分,直至所述横向分割线到达页面最底端,得到横向划分后的分块。

15.  根据权利要求11所述的装置,其特征在于,所述第二单元进行的所述纵向划分,包括:
在每个横向划分后得到的分块中,依次增加纵向分割线的横坐标,使得所述纵向分割线从左至右依?#25105;?#21160;,所述纵向分割线是纵跨横向划分后得到的分块的一条线;
在所述纵向分割线依?#25105;?#21160;过程中,当所述纵向分割线没有穿过任何块时,采用所述纵向分割线将所述横向划分后得到的分块划分为左半部分和右半部分,所述块为经过横向 合并和横向划分后的分块;
在右半部分,再?#25105;?#27425;增加所述纵向分割线的横坐标,并在所述纵向分割线没有穿过任何块时,再次采用所述纵向分割线进行划分,直至所述纵向分割线到达页面最右端,得到横向划分后的分块。

16.  根据权利要求11所述的装置,其特征在于,所述第三单元得到的所述页面分块树从上?#26009;?#30001;如下块组成:
横向划分后得到的分块;
纵向划分后得到的分块;
横向合并后得到的分块。

17.  根据权利要求16所述的装置,其特征在于,所述获取模块具体用于:
对于横向划分后得到的分块,设置最上端和最下端的分块的重要度最低,对最上端和最下端之间的中间各分块,按照从上到下的顺序,设置重要度依次递减。

18.  根据权利要求16所述的装置,其特征在于,所述获取模块具体用于:
对于纵向划分后得到的分块,采用如下公式确定各分块的重要度:
w1*width-w2*distance,
其中,width表示分块的宽度,distance表示分块中心的横坐标距离页面中轴的距离,w1和w2表示预先设定的系数。

说明书

说明书网页重新布局的方法和装置
技术领域
本发明涉及网页转码技术领域,尤其涉及一种网页重新布局的方法和装置。
背景技术
随着移动设备的普及率越来越高,人们通过移动设备浏览网页的需求越来越高,但是,互联网中的网页大部分是基于桌面显示设备所设计的,造成通过移动设备浏览网页时的不便。为了方便用户在移动设备中浏览网页,需要对网页进行重新布局以适用于移动设备的显示。
相关技术中,一般是通过对原页面进行压缩页面尺寸、调整文字大小、文本折?#26800;?#26041;式对网页进行重新布局。但是,这种方式可能造成页面核心内容被淹没,使得用户无法获取所关心的内容,?#26723;?#39029;面展示效果。
发明内容
本发明旨在至少在一定程度上解决相关技术中的技术问题之一。
为此,本发明的一个目的在于提出一种网页重新布局的方法,该方法可以优?#26085;?#31034;页面核心内容,提高页面展示效果。
本发明的另一个目的在于提出一种网页重新布局的装置。
为达到上述目的,本发明第一方面实施例提出的网页重新布局的方法,包括:构建页面分块树;获取所述页面分块树中每个分块的重要度;根据重要度从高到低的顺序?#36816;?#36848;每个分块重新排序,得到重新布局后的网页。
本发明第一方面实施例提出的网页重新布局的方法,通过根据分块的重要度对分块进行重新排序,可以优?#26085;?#29616;重要的分块,使用户优先获取关心的内容,提高用户体验。并且,通过横向合并可以将同语义块划分到一个分块中展示,内容层次更加合理。
为达到上述目的,本发明第二方面实施例提出的网页重新布局的装置,包括:构建模块,用于构建页面分块树;获取模块,用于获取所述页面分块树中每个分块的重要度;重排模块,用于根据重要度从高到低的顺序?#36816;?#36848;每个分块重新排序,得到重新布局后的网页。
本发明第二方面实施例提出的网页重新布局的装置,通过根据分块的重要度对分块进行重新排序,可以优?#26085;?#29616;重要的分块,使用户优先获取关心的内容,提高用户体验。并且,通过横向合并可以将同语义块划分到一个分块中展示,内容层次更加合理。
为达到上述目的,本发明第三方面实施例提出的移动设备,包括:壳体、处理器、存储器、电路板和电源电路,其中,电路板安置在壳体围成的空间内部,处理器和存储器设置在电路板上;电源电路,用于为移动设备的各个电路或器件供电;存储器用于存储可执行程序代码;处理器通过读取存储器中存储的可执行程序代码来运行与可执行程序代码对应的程序,以用于执行以下?#34903;瑁?#26500;建页面分块树;获取所述页面分块树中每个分块的重要度;根据重要度从高到低的顺序?#36816;?#36848;每个分块重新排序,得到重新布局后的网页。
本发明第三方面实施例提出的移动设备,通过根据分块的重要度对分块进行重新排序,可以优?#26085;?#29616;重要的分块,使用户优先获取关心的内容,提高用户体验。并且,通过横向合并可以将同语义块划分到一个分块中展示,内容层次更加合理。
本发明附加的方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本发明的实践?#31169;?#21040;。
附图说明
本发明上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解,其中:
图1为本发明一实施例中提出的网页重新布局的方法的流程示意图;
图2为本发明实施例中构建页面分块树的流程示意图;
图3为本发明实施例中对初步的布局分块进行处理的流程示意图;
图4为本发明实施例中对初步的布局分块进行处理的结构示意图;
图5为本发明实施例中建立的页面分块树的示意图;
图6为本发明实施例中各分块的重要度排序示意图;
图7为本发明实施例中重排后的分块示意图;
图8为本发明另一实施例提出的网页重新布局的装置的结构示意图;
图9为本发明实施例中构建模块的结构示意图。
具体实施方式
下面详?#35813;?#36848;本发明的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,仅用于解释本发明,而不能理解为对本发明的限制。相反,本发 明的实施例包括落入所附加权利要求书的精神和内涵范围内的所有变化、修改和等同物。
图1为本发明一实施例中提出的网页重新布局的方法的流程示意图,该方法包括:
S11:构建页面分块树。
页面分块树可?#28304;?#25972;个页面对应的大块开始,对每次迭代的分块进行划分和/或合并得到。
参见图2,构建页面分块树可以包括:
S21:从整个页面中展示节点的根节点开始,依次遍历每个子节点,得到初步的布局分块;
其中,根节点可以是DOM(document)树中的body节点,body是超文本标记语言(Hyper Text Mark-up Language,HTML)即超文本标记语言的一种标签,是整个页面中展示节点的根节点,body包含文档的所有内容,例如文本、超链接、表格、图像和列表?#21462;?
可以将具有布局特征的节点所对应的分块确定为一个初步的布局分块;将非连续的不具有布局特征的节点所对应的分块确定为一个初步的布局分块;以及,将连续不具有布局特征的节点所对应的分块合并为一个初步的布局分块。
其中,具有布局特征的节点例如为div标签对应的节点,tr标签对应的节点?#21462;?#19981;具有布局特征的节点例如为puretext标签对应的节点,p标签对应的节点?#21462;?
S22:?#36816;?#36848;初步的布局分块,按照如下的顺序进行处理,得到处理后的分块:横向合并、横向划分、纵向划分,直至处理后的每个分块的粒度在预设的门限?#30340;冢?
?#20174;?#20808;对初步的布局分块进行横向合并,再进行横向划分,之后再进行纵向划分。
横向合并是指合并相邻且高度近似相同的分块,由于页面布局一般具有横向语义相关性,经过横向合并可以避免将横向语义相关分块拆分,方便用户理解分块内容。
横向划分是指对页面从上?#26009;?#36827;行划分。
纵向划分是指针对每个横向划分后的分块,在该分块中从左至右的进行划分。
其中,参见图3,对初步的布局分块进行处理的流程可以包括:
S31?#21495;?#26029;是否存在可以横向合并的两个分块,若是,执行S32,否则执行S33。
当第一块和第二块满足如下条件时,可以对第一块和第二块进行合并处理,所述第一块和所述第二块为所述初步的布局分块中横向相邻的两个布局分块:
abs(ys1-ys2)<=thy,且abs(ye1-ye2)<=thy,以及,abs(xe1-xs2)<=thx,
其中,ys1表?#38236;?#19968;块纵坐标的起始坐标,ys2表?#38236;?#20108;块纵坐标的起始坐标,ye1表?#38236;?#19968;块纵坐标的结束坐标,ye2表?#38236;?#20108;块纵坐标的结束坐标,xe1表?#38236;?#19968;块横坐标的结束坐标,xs2表?#38236;?#20108;块横坐标的起始坐标,thy和thx分别为预设的门限值,abs表示求绝对值。
S32:合并该两个分块。
参见图4,合并后的分块用虚线表示。
S33:对页面进行横向划分。
横向划分具体可以包括:
依次增加横向分割线的纵坐标,使得所述横向分割线从上?#26009;?#20381;?#25105;?#21160;,所述横向分割线是横跨页面的一条线;
在所述横向分割线依?#25105;?#21160;过程中,当所述横向分割线没有穿过任何块时,采用所述横向分割线将页面划分为上半部分和下半部分,所述块为经过横向合并后的布局分块;
在所述下半部分,再?#25105;?#27425;增加所述横向分割线的纵坐标,并在所述横向分割线没有穿过任何块时,再次采用所述横向分割线进行划分,直至所述横向分割线到达页面最底端,得到横向划分后的分块。
如图4所示,经过横向划分后,得到的横向划分后的分块用点划线表示。
S34:对应每个横向划分后的分块,进行纵向划分。
纵向划分可以包括:
在每个横向划分后得到的分块中,依次增加纵向分割线的横坐标,使得所述纵向分割线从左至右依?#25105;?#21160;,所述纵向分割线是纵跨横向划分后得到的分块的一条线;
在所述纵向分割线依?#25105;?#21160;过程中,当所述纵向分割线没有穿过任何块时,采用所述纵向分割线将所述横向划分后得到的分块划分为左半部分和右半部分,所述块为经过横向合并和横向划分后的分块;
在右半部分,再?#25105;?#27425;增加所述纵向分割线的横坐标,并在所述纵向分割线没有穿过任何块时,再次采用所述纵向分割线进行划分,直至所述纵向分割线到达页面最右端,得到横向划分后的分块。
如图4所示,经过纵向划分后,得到的纵向划分后分块用点线表示。
经过上述处理后,判断划分后的分块的粒度是否在预设的门限?#30340;冢?#20854;中,划分后的分块是指经过横向划分以及纵向划分后的分块,如果不在,重复上述流程,即在每个分块内遍历子节点以及横向合并和横向划分及纵向划分处理。
本实施例中,通过优先横向合并,由于语义一般具有横向相关性,可以避免将语义相关分块拆分,有利于用户理解。
S23:根据所述划分后的分块的嵌套关系,得到页面分块树。
其中,如图5所示,页面分块树从上?#26009;?#20381;次为:横向划分后得到的分块,纵向划分后得到的分块,横向合并后的分块。
S12:获取所述页面分块树中每个分块的重要度。
具体可以包括:
对于横向划分后得到的分块,设置最上端和最下端的分块的重要度最低,对最上端和最下端之间的中间各分块,按照从上到下的顺序,设置重要度依次递减。
例如,由于b1、b2在最上端,b13-b16在最下端,因此,b1和b2以及b13-b16的重要度设置为最低,另外,可以设置最下端的分块的重要度比最上端的分块的重要度低。
对于b3-b8以及b9-b12这两个横向分块,可以设置b3-b8的分块的重要度比b9-b12的重要度高。
对于纵向划分后得到的分块,采用如下公式确定各分块的重要度:
w1*width-w2*distance,
其中,width表示分块的宽度,distance表示分块中心的横坐标距离页面中轴的距离,w1和w2表示预先设定的系数。
例如,对于b3-b8这个横向划分后的分块,由于b3、b8在两端,因此重要度比b4-b7这个分块的重要度低。而对于b3和b8这两个分块可?#28304;?#24038;到右设置依次递减。
按照重要度从高到低的顺序,对各分块从上到下排序60的示意图参见图6。
S13:根据重要度从高到低的顺序?#36816;?#36848;每个分块重新排序,得到重新布局后的网页。
例如,重新排序后的各分块70如图7所示。
其中,各分块展示的粒度可以根据预设的适合移动终端的粒度值确定。
本实施例根据分块的重要度对分块进行重新排序,可以优?#26085;?#29616;重要的分块,使用户优先获取关心的内容,提高用户体验。并且,通过横向合并可以将同语义块划分到一个分块中展示,内容层次更加合理。
图8为本发明另一实施例提出的网页重新布局的装置的结构示意图,该装置80包括构建模块81、获取模块82和重排模块83。
构建模块81用于构建页面分块树;
页面分块树可?#28304;?#25972;个页面对应的大块开始,对每次迭代的分块进行划分和/或合并得到。
参见图9,所述构建模块81可以具体包括第一单元811、第二单元812和第三单元813;
第一单元811用于从整个页面中展示节点的根节点开始,依次遍历每个子节点,得到初步的布局分块;
其中,根节点可以是DOM(document)树中的body节点,body是超文本标记语言(Hyper Text Mark-up Language,HTML)即超文本标记语言的一种标签,是整个页面中展示节点的根节点,body包含文档的所有内容,例如文本、超链接、表格、图像和列表?#21462;?
可以将具有布局特征的节点所对应的分块确定为一个初步的布局分块;以及,将连续 不具有布局特征的节点所对应的分块合并为一个初步的布局分块。
其中,具有布局特征的节点例如为div标签对应的节点,tr标签对应的节点?#21462;?#19981;具有布局特征的节点例如为puretext标签对应的节点,p标签对应的节点?#21462;?
一个实施例中,所述第一单元具体用于:
将具有布局特征的节点所对应的分块确定为一个初步的布局分块;
将非连续的不具有布局特征的节点所对应的分块确定为一个初步的布局分块;以及,
将连续不具有布局特征的节点所对应的分块合并为一个初步的布局分块。
第二单元812用于?#36816;?#36848;初步的布局分块,按照如下的顺序进行处理,得到处理后的分块,直至处理后的每个分块的粒度在预设的门限?#30340;冢?
横向合并、横向划分、纵向划分;
?#20174;?#20808;对初步的布局分块进行横向合并,再进行横向划分,之后再进行纵向划分。
横向合并是指合并相邻且高度近似相同的分块,由于页面布局一般具有横向语义相关性,经过横向合并可以避免将横向语义相关分块拆分,方便用户理解分块内容。
横向划分是指对页面从上?#26009;?#36827;行划分。
纵向划分是指针对每个横向划分后的分块,在该分块中从左至右的进行划分。
一个实施例中,第二单元进行的所述横向合并,包括:
当第一块和第二块满足如下条件时,?#36816;?#36848;第一块和所述第二块进行合并处理,所述第一块和所述第二块为所述初步的布局分块中横向相邻的两个布局分块:
abs(ys1-ys2)<=thy,且abs(ye1-ye2)<=thy,以及,abs(xe1-xs2)<=thx,
其中,ys1表?#38236;?#19968;块纵坐标的起始坐标,ys2表?#38236;?#20108;块纵坐标的起始坐标,ye1表?#38236;?#19968;块纵坐标的结束坐标,ye2表?#38236;?#20108;块纵坐标的结束坐标,xe1表?#38236;?#19968;块横坐标的结束坐标,xs2表?#38236;?#20108;块横坐标的起始坐标,thy和thx分别为预设的门限值,abs表示求绝对值。
一个实施例中,所述第二单元进行的所述横向划分,包括:
依次增加横向分割线的纵坐标,使得所述横向分割线从上?#26009;?#20381;?#25105;?#21160;,所述横向分割线是横跨页面的一条线;
在所述横向分割线依?#25105;?#21160;过程中,当所述横向分割线没有穿过任何块时,采用所述横向分割线将页面划分为上半部分和下半部分,所述块为经过横向合并后的布局分块;
在所述下半部分,再?#25105;?#27425;增加所述横向分割线的纵坐标,并在所述横向分割线没有穿过任何块时,再次采用所述横向分割线进行划分,直至所述横向分割线到达页面最底端,得到横向划分后的分块。
一个实施例中,所述第二单元进行的所述纵向划分,包括:
在每个横向划分后得到的分块中,依次增加纵向分割线的横坐标,使得所述纵向分割线从左至右依?#25105;?#21160;,所述纵向分割线是纵跨横向划分后得到的分块的一条线;
在所述纵向分割线依?#25105;?#21160;过程中,当所述纵向分割线没有穿过任何块时,采用所述纵向分割线将所述横向划分后得到的分块划分为左半部分和右半部分,所述块为经过横向合并和横向划分后的分块;
在右半部分,再?#25105;?#27425;增加所述纵向分割线的横坐标,并在所述纵向分割线没有穿过任何块时,再次采用所述纵向分割线进行划分,直至所述纵向分割线到达页面最右端,得到横向划分后的分块。
第三单元813用于根据所述划分后的分块的嵌套关系,得到页面分块树。
一个实施例中,所述第三单元得到的所述页面分块树从上?#26009;?#30001;如下块组成:
横向划分后得到的分块;
纵向划分后得到的分块;
横向合并后得到的分块。
获取模块82用于获取所述页面分块树中每个分块的重要度;
一个实施例中,所述获取模块具体用于:
对于横向划分后得到的分块,设置最上端和最下端的分块的重要度最低,对最上端和最下端之间的中间各分块,按照从上到下的顺序,设置重要度依次递减。
例如,由于b1、b2在最上端,b13-b16在最下端,因此,b1和b2以及b13-b16的重要度设置为最低,另外,可以设置最下端的分块的重要度比最上端的分块的重要度低。
对于b3-b8以及b9-b12这两个横向分块,可以设置b3-b8的分块的重要度比b9-b12的重要度高。
一个实施例中,所述获取模块具体用于:
对于纵向划分后得到的分块,采用如下公式确定各分块的重要度:
w1*width-w2*distance,
其中,width表示分块的宽度,distance表示分块中心的横坐标距离页面中轴的距离,w1和w2表示预先设定的系数。
例如,对于b3-b8这个横向划分后的分块,由于b3、b8在两端,因此重要度比b4-b7这个分块的重要度低。而对于b3和b8这两个分块可?#28304;?#24038;到右设置依次递减。
按照重要度从高到低的顺序,对各分块从上到下排序的示意图参见图6。
重排模块83用于根据重要度从高到低的顺序?#36816;?#36848;每个分块重新排序,得到重新布局后的网页。
其中,各分块展示的粒度可以根据预设的适合移动终端的粒度值确定。
例如,重新排序后的各分块如图6所示。
本实施例的装置是与上述方法实施例对应的,具体流程及参数可以参见上述方法实施例中的描述。
本实施例根据分块的重要度对分块进行重新排序,可以优?#26085;?#29616;重要的分块,使用户优先获取关心的内容,提高用户体验。并且,通过横向合并可以将同语义块划分到一个分块中展示,内容层次更加合理。
本发明实施例?#22266;?#20379;了一种移动设备,该移动设备包括壳体、处理器、存储器、电路板和电源电路,其中,电路板安置在壳体围成的空间内部,处理器和存储器设置在电路板上;电源电路,用于为移动设备的各个电路或器件供电;存储器用于存储可执行程序代码;处理器通过读取存储器中存储的可执行程序代码来运行与可执行程序代码对应的程序,以用于执行以下?#34903;瑁?
S11’:构建页面分块树。
页面分块树可?#28304;?#25972;个页面对应的大块开始,对每次迭代的分块进行划分和/或合并得到。
构建页面分块树可以包括:
S21’:从整个页面中展示节点的根节点开始,依次遍历每个子节点,得到初步的布局分块;
其中,根节点可以是DOM(document)树中的body节点,body是超文本标记语言(Hyper Text Mark-up Language,HTML)即超文本标记语言的一种标签,是整个页面中展示节点的根节点,body包含文档的所有内容,例如文本、超链接、表格、图像和列表?#21462;?
可以将具有布局特征的节点所对应的分块确定为一个初步的布局分块;将非连续的不具有布局特征的节点所对应的分块确定为一个初步的布局分块;以及,将连续不具有布局特征的节点所对应的分块合并为一个初步的布局分块。
其中,具有布局特征的节点例如为div标签对应的节点,tr标签对应的节点?#21462;?#19981;具有布局特征的节点例如为puretext标签对应的节点,p标签对应的节点?#21462;?
S22’:?#36816;?#36848;初步的布局分块,按照如下的顺序进行处理,得到处理后的分块:横向合并、横向划分、纵向划分,直至处理后的每个分块的粒度在预设的门限?#30340;冢?
?#20174;?#20808;对初步的布局分块进行横向合并,再进行横向划分,之后再进行纵向划分。
横向合并是指合并相邻且高度近似相同的分块,由于页面布局一般具有横向语义相关性,经过横向合并可以避免将横向语义相关分块拆分,方便用户理解分块内容。
横向划分是指对页面从上?#26009;?#36827;行划分。
纵向划分是指针对每个横向划分后的分块,在该分块中从左至右的进行划分。
其中,对初步的布局分块进行处理的流程可以包括:
S31’?#21495;?#26029;是否存在可以横向合并的两个分块,若是,执行S32’,否则执行S33’。
当第一块和第二块满足如下条件时,可以对第一块和第二块进行合并处理,所述第一块和所述第二块为所述初步的布局分块中横向相邻的两个布局分块:
abs(ys1-ys2)<=thy,且abs(ye1-ye2)<=thy,以及,abs(xe1-xs2)<=thx,
其中,ys1表?#38236;?#19968;块纵坐标的起始坐标,ys2表?#38236;?#20108;块纵坐标的起始坐标,ye1表?#38236;?#19968;块纵坐标的结束坐标,ye2表?#38236;?#20108;块纵坐标的结束坐标,xe1表?#38236;?#19968;块横坐标的结束坐标,xs2表?#38236;?#20108;块横坐标的起始坐标,thy和thx分别为预设的门限值,abs表示求绝对值。
S32’:合并该两个分块。
参见图4,合并后的分块用虚线表示。
S33’:对页面进行横向划分。
横向划分具体可以包括:
依次增加横向分割线的纵坐标,使得所述横向分割线从上?#26009;?#20381;?#25105;?#21160;,所述横向分割线是横跨页面的一条线;
在所述横向分割线依?#25105;?#21160;过程中,当所述横向分割线没有穿过任何块时,采用所述横向分割线将页面划分为上半部分和下半部分,所述块为经过横向合并后的布局分块;
在所述下半部分,再?#25105;?#27425;增加所述横向分割线的纵坐标,并在所述横向分割线没有穿过任何块时,再次采用所述横向分割线进行划分,直至所述横向分割线到达页面最底端,得到横向划分后的分块。
如图4所示,经过横向划分后,得到的横向划分后的分块用点划线表示。
S34’:对应每个横向划分后的分块,进行纵向划分。
纵向划分可以包括:
在每个横向划分后得到的分块中,依次增加纵向分割线的横坐标,使得所述纵向分割线从左至右依?#25105;?#21160;,所述纵向分割线是纵跨横向划分后得到的分块的一条线;
在所述纵向分割线依?#25105;?#21160;过程中,当所述纵向分割线没有穿过任何块时,采用所述纵向分割线将所述横向划分后得到的分块划分为左半部分和右半部分,所述块为经过横向合并和横向划分后的分块;
在右半部分,再?#25105;?#27425;增加所述纵向分割线的横坐标,并在所述纵向分割线没有穿过任何块时,再次采用所述纵向分割线进行划分,直至所述纵向分割线到达页面最右端,得到横向划分后的分块。
如图4所示,经过纵向划分后,得到的纵向划分后分块用点线表示。
经过上述处理后,判断划分后的分块的粒度是否在预设的门限?#30340;冢?#20854;中,划分后的分块是指经过横向划分以及纵向划分后的分块,如果不在,重复上述流程,即在每个分块内遍历子节点以及横向合并和横向划分及纵向划分处理。
本实施例中,通过优先横向合并,由于语义一般具有横向相关性,可以避免将语义相关分块拆分,有利于用户理解。
S23’:根据所述划分后的分块的嵌套关系,得到页面分块树。
其中,如图5所示,页面分块树从上?#26009;?#20381;次为:横向划分后得到的分块,纵向划分后得到的分块,横向合并后的分块。
S12’:获取所述页面分块树中每个分块的重要度。
具体可以包括:
对于横向划分后得到的分块,设置最上端和最下端的分块的重要度最低,对最上端和最下端之间的中间各分块,按照从上到下的顺序,设置重要度依次递减。
例如,由于b1、b2在最上端,b13-b16在最下端,因此,b1和b2以及b13-b16的重要度设置为最低,另外,可以设置最下端的分块的重要度比最上端的分块的重要度低。
对于b3-b8以及b9-b12这两个横向分块,可以设置b3-b8的分块的重要度比b9-b12的重要度高。
对于纵向划分后得到的分块,采用如下公式确定各分块的重要度:
w1*width-w2*distance,
其中,width表示分块的宽度,distance表示分块中心的横坐标距离页面中轴的距离,w1和w2表示预先设定的系数。
例如,对于b3-b8这个横向划分后的分块,由于b3、b8在两端,因此重要度比b4-b7这个分块的重要度低。而对于b3和b8这两个分块可?#28304;?#24038;到右设置依次递减。
按照重要度从高到低的顺序,对各分块从上到下排序的示意图参见图6。
S13’:根据重要度从高到低的顺序?#36816;?#36848;每个分块重新排序,得到重新布局后的网页。
例如,重新排序后的各分块如图7所示。
其中,各分块展示的粒度可以根据预设的适合移动终端的粒度值确定。
本实施例根据分块的重要度对分块进行重新排序,可以优?#26085;?#29616;重要的分块,使用户优先获取关心的内容,提高用户体验。并且,通过横向合并可以将同语义块划分到一个分块中展示,内容层次更加合理。
需要说明的是,在本发明的描述中,术语“第一”、“第二”等仅用于描述目的,而不能理解为指示或暗示相对重要性。此外,在本发明的描述中,除非另有说明,“多个”的含义是两个或两个以上。
流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为,表示包括一个或更多个用于实现特定逻辑功能或过程的?#34903;?#30340;可执行指令的代码的模块、片段或部分,并?#20918;?#21457;明的优选实施方式的范围包括另外的实现,其中可以不按所示出或讨论的顺序,包括根据所涉及的功能按基本同时的方式或按相反的顺序,来执行功能,这应被本发明的实施例所属技术领域的技术人员所理解。
应当理解,本发明的各部分可以用?#24067;?#36719;件、固件或它们的组合来实现。在上述实施方?#34903;校?#22810;个?#34903;?#25110;方法可以用存储在存储器中且由合适的指令执行?#20302;持?#34892;的软件或固件来实现。例如,如果用?#24067;?#26469;实现,和在另一实施方?#34903;?#19968;样,可用本领域公知的下列技术中的任一项或他们的组合来实现:具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路,具有合适的组?#19979;?#36753;门电路的专用集成电路,可编程门阵列(PGA),现场可编程门阵列(FPGA)?#21462;?
本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分?#34903;?#26159;可以通过程序来指令相关的?#24067;?#23436;成,所述的程序可?#28304;?#20648;于一种计算机可读存储介质中,该程序在执行时,包括方法实施例的?#34903;?#20043;一或其组合。
此外,在本发明各个实施例中的各功能单元可以集成在一个处理模块中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用?#24067;?#30340;形式实现,也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时,也可?#28304;?#20648;在一个计算机可读取存储介质中。
上述提到的存储介质可以是只读存储器,?#25490;?#25110;光盘?#21462;?
在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意?#38468;?#21512;该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不一定指的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
在本发明的描述中,需要理解的是,术语“中心”、“纵向”、“横向”、“长度”、“宽度”、“厚度”、“上”、“下”、“前”、“后”、“左”、“右”、“竖直”、“水平”、“顶”、“底”“内”、“外”、“顺时针”、“逆时针”、“轴向”、“径向”、“周向”等指示的方位或位置关系为基于附图所示的方位或位置关系,仅是为了便于描述本发明和简化描述,而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作,因此不能理解为对本发明的限制。
在本发明中,除非另有明确的规定和限定,术语“安装”、“相连”、“连接”、“固定” 等术语应做广义理解,例如,可以是固定连接,也可以是可拆卸连接,或成一体;可以是机械连接,也可以是电连接;可以是直接相连,也可以通过中间媒介间接相连,可以是两个元件内部的连通或两个元件的相互作用关系。对于本领域的普通技术人员而言,可以根据具体情况理解上述术语在本发明中的具体含义。
在本发明中,除非另有明确的规定和限定,第一特征在第二特征“上”或“下”可以是第一和第二特征直接接触,或第一和第二特征通过中间媒介间接接触。而且,第一特征在第二特征“之上”、“上方”和“上面”可是第一特征在第二特征正上方或斜上方,或仅仅表?#38236;?#19968;特征水平高度高于第二特征。第一特征在第二特征“之下”、“下方”和“下面”可以是第一特征在第二特征正下方或斜下方,或仅仅表?#38236;?#19968;特征水平高度小于第二特征。
尽管上面已经示出和描述了本发明的实施例,可以理解的是,上述实施例是示例性的,不能理解为对本发明的限制,本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改、替换和变型。

关于本文
本文标题:网页重新布局的方法和装置.pdf
链接地址:http://www.pqiex.tw/p-6115771.html
关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

[email protected] 2017-2018 zhuanlichaxun.net网站版权所有
经营许可证编号:粤ICP备17046363号-1 
 


收起
展开
平码五不中公式规律 比亚迪股票行情 东方通信股票 股票推荐 牛市快讯每天推送 上市股票指数 益盟炒股软件 承德股票配资 国际股票涨跌颜色 贵州茅台股票行情 全球股票指数排行 全球股票指数网