网页重新布局的方法和装置制造方法及图纸

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

【技术实现步骤摘要】
网页重新布局的方法和装置
[0001 ] 本专利技术涉及网页转码
，尤其涉及一种网页重新布局的方法和装置。
技术介绍
随着移动设备的普及率越来越高，人们通过移动设备浏览网页的需求越来越高，但是，互联网中的网页大部分是基于桌面显示设备所设计的，造成通过移动设备浏览网页时的不便。为了方便用户在移动设备中浏览网页，需要对网页进行重新布局以适用于移动设备的显示。相关技术中，一般是通过对原页面进行压缩页面尺寸、调整文字大小、文本折行等方式对网页进行重新布局。但是，这种方式可能造成页面核心内容被淹没，使得用户无法获取所关心的内容，降低页面展示效果。
技术实现思路
本专利技术旨在至少在一定程度上解决相关技术中的技术问题之一。为此，本专利技术的一个目的在于提出一种网页重新布局的方法，该方法可以优先展示页面核心内容，提高页面展示效果。本专利技术的另一个目的在于提出一种网页重新布局的装置。为达到上述目的，本专利技术第一方面实施例提出的网页重新布局的方法，包括:构建页面分块树；获取所述页面分块树中每个分块的重要度；根据重要度从高到低的顺序对所述每个分块重新排序，得到重新布局后的网页。本专利技术第一方面实施例提出的网页重新布局的方法，通过根据分块的重要度对分块进行重新排序，可以优先展现重要的分块，使用户优先获取关心的内容，提高用户体验。并且，通过横向合并可以将同语义块划分到一个分块中展示，内容层次更加合理。为达到上述目的，本专利技术第二方面实施例提出的网页重新布局的装置，包括:构建模块，用于构建页面分块树；获取模块，用于获取所述页面分块树中每个分块的重要度；重排模块，用于根据重要度从高到低的顺序对所述每个分块重新排序，得到重新布局后的网页。本专利技术第二方面实施例提出的网页重新布局的装置，通过根据分块的重要度对分块进行重新排序，可以优先展现重要的分块，使用户优先获取关心的内容，提高用户体验。并且，通过横向合并可以将同语义块划分到一个分块中展示，内容层次更加合理。为达到上述目的，本专利技术第三方面实施例提出的移动设备，包括:壳体、处理器、存储器、电路板和电源电路，其中，电路板安置在壳体围成的空间内部，处理器和存储器设置在电路板上；电源电路，用于为移动设备的各个电路或器件供电；存储器用于存储可执行程序代码；处理器通过读取存储器中存储的可执行程序代码来运行与可执行程序代码对应的程序，以用于执行以下步骤:构建页面分块树；获取所述页面分块树中每个分块的重要度；根据重要度从高到低的顺序对所述每个分块重新排序，得到重新布局后的网页。本专利技术第三方面实施例提出的移动设备，通过根据分块的重要度对分块进行重新排序，可以优先展现重要的分块，使用户优先获取关心的内容，提高用户体验。并且，通过横向合并可以将同语义块划分到一个分块中展示，内容层次更加合理。本专利技术附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本专利技术的实践了解到。【附图说明】本专利技术上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解，其中:图1为本专利技术一实施例中提出的网页重新布局的方法的流程示意图；图2为本专利技术实施例中构建页面分块树的流程示意图；图3为本专利技术实施例中对初步的布局分块进行处理的流程示意图；图4为本专利技术实施例中对初步的布局分块进行处理的结构示意图；图5为本专利技术实施例中建立的页面分块树的示意图；图6为本专利技术实施例中各分块的重要度排序示意图；图7为本专利技术实施例中重排后的分块示意图；图8为本专利技术另一实施例提出的网页重新布局的装置的结构示意图；图9为本专利技术实施例中构建模块的结构示意图。【具体实施方式】下面详细描述本专利技术的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本专利技术，而不能理解为对本专利技术的限制。相反，本专利技术的实施例包括落入所附加权利要求书的精神和内涵范围内的所有变化、修改和等同物。图1为本专利技术一实施例中提出的网页重新布局的方法的流程示意图，该方法包括:Sll:构建页面分块树。页面分块树可以从整个页面对应的大块开始，对每次迭代的分块进行划分和/或合并得到。参见图2，构建页面分块树可以包括:S21:从整个页面中展示节点的根节点开始，依次遍历每个子节点，得到初步的布局分块；其中，根节点可以是DOM (document)树中的body节点，body是超文本标记语言(Hyper Text Mark-up Language, HTML)即超文本标记语言的一种标签,是整个页面中展示节点的根节点，body包含文档的所有内容,例如文本、超链接、表格、图像和列表等。可以将具有布局特征的节点所对应的分块确定为一个初步的布局分块；将非连续的不具有布局特征的节点所对应的分块确定为一个初步的布局分块；以及，将连续不具有布局特征的节点所对应的分块合并为一个初步的布局分块。其中，具有布局特征的节点例如为div标签对应的节点，tr标签对应的节点等。不具有布局特征的节点例如为puretext标签对应的节点，p标签对应的节点等。S22:对所述初步的布局分块，按照如下的顺序进行处理，得到处理后的分块:横向合并、横向划分、纵向划分，直至处理后的每个分块的粒度在预设的门限值内；即优先对初步的布局分块进行横向合并，再进行横向划分，之后再进行纵向划分。横向合并是指合并相邻且高度近似相同的分块，由于页面布局一般具有横向语义相关性，经过横向合并可以避免将横向语义相关分块拆分，方便用户理解分块内容。横向划分是指对页面从上至下进行划分。纵向划分是指针对每个横向划分后的分块，在该分块中从左至右的进行划分。其中，参见图3，对初步的布局分块进行处理的流程可以包括:S31:判断是否存在可以横向合并的两个分块，若是，执行S32，否则执行S33。当第一块和第二块满足如下条件时，可以对第一块和第二块进行合并处理，所述第一块和所述第二块为所述初步的布局分块中横向相邻的两个布局分块:abs (ysl-ys2) <=thy,且 abs (yel-ye2) <=thy,以及，abs (xel_xs2) <=thx,其中，ysl表示第一块纵坐标的起始坐标，ys2表示第二块纵坐标的起始坐标，yel表示第一块纵坐标的结束坐标，ye2表示第二块纵坐标的结束坐标，xel表示第一块横坐标的结束坐标，xs2表示第二块横坐标的起始坐标，thy和thx分别为预设的门限值，abs表示求绝对值。S32:合并该两个分块。参见图4，合并后的分块用虚线表示。S33:对页面进行横向划分。横向划分具体可以包括:依次增加横向分割线的纵坐标，使得所述横向分割线从上至下依次移动，所述横向分割线是横跨页面的一条线；在所述横向分割线依次移动过程中，当所述横向分割线没有穿过任何块时，采用所述横向分割线将页面划分为上半部分和下半部分，所述块为经过横向合并后的布局分块；在所述下半部分，再次依次增加所述横向分割线的纵坐标，并在所述横向分割线没有穿过任何块时，再次采用所述横向分割线进行划分，直至所述横向分割线到达页面最底端，得到横向划分后的分块。如图4所示，经过横向划分后，得到的横向划分后的分块用点划线表示。S34:对应每本文档来自技高网...

【技术保护点】
一种网页重新布局的方法，其特征在于，包括：构建页面分块树；获取所述页面分块树中每个分块的重要度；根据重要度从高到低的顺序对所述每个分块重新排序，得到重新布局后的网页。

【技术特征摘要】
1.一种网页重新布局的方法，其特征在于，包括: 构建页面分块树； 获取所述页面分块树中每个分块的重要度； 根据重要度从高到低的顺序对所述每个分块重新排序，得到重新布局后的网页。2.根据权利要求1所述的方法，其特征在于，所述构建页面分块树，包括: 从整个页面中展示节点的根节点开始，依次遍历每个子节点，得到初步的布局分块； 对所述初步的布局分块，按照如下的顺序进行处理，得到处理后的分块，直至处理后的每个分块的粒度在预设的门限值内: 横向合并、横向划分、纵向划分； 根据所述划分后的分块的嵌套关系，得到页面分块树。3.根据权利要求2所述的方法，其特征在于，所述依次遍历每个子节点，得到初步的布局分块，包括: 将具有布局特征的节点所对应的分块确定为一个初步的布局分块； 将非连续的不具有布局特征的节点所对应的分块确定为一个初步的布局分块；以及， 将连续不具有布局特征的节点所对应的分块合并为一个初步的布局分块。4.根据权利要求2所述的方法，其特征在于，所述横向合并，包括: 当第一块和第二块满足如下条件时，对所述第一块和所述第二块进行合并处理，所述第一块和所述第二块为所述初步的布局分块中横向相邻的两个布局分块:abs (ysl-ys2) <=thy,且 abs (yel-ye2) <=thy,以及，abs (xel_xs2) <=thx, 其中，ysl表示第一块纵坐标的起始坐标，ys2表示第二块纵坐标的起始坐标，yel表示第一块纵坐标的结束坐标，ye2表示第二块纵坐标的结束坐标，xel表示第一块横坐标的结束坐标，xs2表示第二块横坐标的起始坐标,thy和thx分别为预设的门限值,abs表示求绝对值。5.根据权利要求2所述的方法，其特征在于，所述横向划分，包括: 依次增加横向分割线的纵坐标，使得所述横向分割线从上至下依次移动，所述横向分割线是横跨页面的一条线； 在所述横向分割线依次移动过程中，当所述横向分割线没有穿过任何块时，采用所述横向分割线将页面划分为上半部分和下半部分，所述块为经过横向合并后的布局分块； 在所述下半部分，再次依次增加所述横向分割线的纵坐标，并在所述横向分割线没有穿过任何块时，再次采用所述横向分割线进行划分，直至所述横向分割线到达页面最底端，得到横向划分后的分块。6.根据权利要求2所述的方法，其特征在于，所述纵向划分，包括: 在每个横向划分后得到的分块中，依次增加纵向分割线的横坐标，使得所述纵向分割线从左至右依次移动，所述纵向分割线是纵跨横向划分后得到的分块的一条线； 在所述纵向分割线依次移动过程中，当所述纵向分割线没有穿过任何块时，采用所述纵向分割线将所述横向划分后得到的分块划分为左半部分和右半部分，所述块为经过横向合并和横向划分后的分块； 在右半部分，再次依次增加所述纵向分割线的横坐标，并在所述纵向分割线没有穿过任何块时，再次采用所述纵向分割线进行划分，直至所述纵向分割线到达页面最右端，得到横向划分后的分块。7.根据权利要求2所述的方法，所述页面分块树从上至下由如下块组成: 横向划分后得到的分块； 纵向划分后得到的分块； 横向合并后得到的分块。8.根据权利要求7所述的方法，其特征在于，所述获取所述页面分块树中每个分块的重要度，包括: 对于横向划分后得到的分块，设置最上端和最下端的分块的重要度最低，对最上端和最下端之间的中间各分块，按照从上到下的顺序，设置重要度依次递减。9.根据权利要求7所述的方法，其特征在于，所述获取所述页面分块树中每个分块的重要度，包括: 对于纵向划分后得到的分块，采用如下公式确定各分块的重要度: wl*width_w2*distance， 其中，width表示分块的宽度，distance表示分块中心的横坐标距离页面中轴的距离，wl和w2表示预先设定的系数。10.一种网页重新布局的装置，其特征在于，包括: 构建模...

【专利技术属性】
技术研发人员：孙帆，曹一挥，
申请(专利权)人：百度在线网络技术北京有限公司，
类型：发明
国别省市：北京;11