CN103593331B - 一种页面排版方法及装置 - Google Patents

Abstract

本发明涉及一种页面排版方法及装置。其中所述排版方法包括根据指定排版宽度进行排版，并得到实际排版宽度；判断实际排版宽度减去指定排版宽度是否大于给定阈值，如果实际排版宽度减去指定排版宽度大于给定阈值，执行下一步骤；对指定排版宽度进行修正，并根据修正后的指定排版宽度重新排版。本发明实施例的页面排版方法及装置通过在排版过程中保留页面的实际排版宽度，并根据实际排版宽度减去指定排版宽度的宽度差反向修正指定排版宽度并重排页面，以修正由于指定排版宽度大于页面实际宽度造成的页面右边的空白，以达到最好的适配效果，改善用户的使用体验。

Description

一种页面排版方法及装置

技术领域

本发明涉及计算机技术领域，特别是涉及一种页面排版方法及装置。

背景技术

目前，页面排版方法主要包括动态排版宽度方法和静态排版宽度方法，动态排版是指在页面大小发生变化（如缩放）时，页面会进行重新排版；静态排版是指在页面加载时，页面按照一个指定的排版宽度进行排版；而无论是动态排版宽度方法还是静态排版宽度方法，对于由viewport（视觉窗口）指定排版宽度的页面，则按照指定宽度进行排版；对于没有viewport的页面，通过识别页面类型来指定排版宽度，例如www页面，在android系统浏览器中指定排版宽度为800px，wap页面为240px或者320px。

现有的两种排版方法在没有指定viewport的页面（主要是wap页面）中存在以下问题：不能够很好的适配页面，导致显示时页面要么太大，要么太小，影响使用；另外，在识别页面类型时，因为解析器的原因，导致本来是wap页面，结果识别为www，最终显示出来的页面就会很小。

发明内容

本发明的目的在于，提供一种页面排版方法及装置，以解决现有的页面排版方法不能很好适配没有指定视觉窗口的页面的问题。

本发明的目的及解决其技术问题是采用以下技术方案来实现的。

本发明提供页面排版方法，其包括：

根据指定排版宽度进行排版，并得到实际排版宽度；

判断实际排版宽度减去指定排版宽度是否大于给定阈值，如果实际排版宽度减去指定排版宽度大于给定阈值，执行下一步骤；

对指定排版宽度进行修正，并根据修正后的指定排版宽度重新排版。

本发明还提供一种页面排版装置，其包括页面排版模块、宽度判断模块和宽度修正模块，

所述页面排版模块用于根据指定排版宽度进行排版，并得到实际排版宽度；

所述宽度判断模块用于判断实际排版宽度减去指定排版宽度是否大于给定阈值，如果实际排版宽度减去指定排版宽度大于给定阈值，通过宽度修正模块修正指定排版宽度；

所述宽度修正模块用于对指定排版宽度进行修正，并通过页面排版模块根据修正后的指定排版宽度重新进行排版。

本发明的技术方案具有如下优点或有益效果：本发明实施例的页面排版方法及装置通过在排版过程中保留页面的实际排版宽度，并根据实际排版宽度减去指定排版宽度的宽度差反向修正指定排版宽度并重排页面，以修正由于指定排版宽度大于页面实际宽度造成的页面右边的空白，以达到最好的适配效果，改善用户的使用体验。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其他目的、特征和优点能够更明显易懂，以下特举较佳实施例，并配合附图,详细说明如下。

附图说明

图1为本发明第一实施例的页面排版方法的流程示意图；

图2为本发明第二实施例的页面排版方法的流程示意图；

图3为本发明第一实施例的页面排版装置的结构示意图；

图4为本发明第二实施例的页面排版装置的结构示意图。

具体实施方式

为更进一步阐述本发明为达成预定发明目的所采取的技术手段及功效,以下结合附图及较佳实施例，对依据本发明提出的用户原创内容的推荐方法及推荐装置其具体实施方式、方法、步骤、结构、特征及其功效，详细说明如下。

有关本发明的前述及其他技术内容、特点及功效,在以下配合参考图式的较佳实施例的详细说明中将可清楚呈现。通过具体实施方式的说明,当可对本发明为达成预定目的所采取的技术手段及功效得以更加深入且具体的了解，然而所附图式仅是提供参考与说明之用,并非用来对本发明加以限制。

图1为本发明第一实施例的页面排版方法的流程示意图。如图1所示，本发明第一实施例的页面排版方法包括：

步骤100：根据指定排版宽度进行排版，并得到实际排版宽度；

在步骤100中，根据网页类型指定第一次排版宽度，网页类型包括wap1.0、wap2.0、www或unknown等类型，在本发明实施例中，wap1.0网页指定第一次排版宽度为240px（像素），wap2.0指定第一次排版宽度为320px，www和unknown网页指定第一次排版宽度为800px，具体可根据不同情况进行设置。

步骤110：判断实际排版宽度减去指定排版宽度是否大于给定阈值，如果实际排版宽度减去指定排版宽度大于给定阈值，执行步骤120；

在步骤110中，给定阈值是指页面右边空白处的宽度值；通常，在没有viewport的页面排版时，例如wap页面，当指定的排版宽度大于页面的实际宽度时，排版后的页面右边会有不少空白，影响适配效果；更重要的是，这种情况下，指定的排版宽度实际上在排版中并没有起作用，只是在显示的时候，计算了缩放比例。本发明以此为出发点，在静态排版宽度的排版过程中保留页面的实际排版宽度，并根据实际排版宽度减去指定排版宽度的宽度差反向修正指定排版宽度并重排页面，修正页面右边的空白宽度，以达到最好的适配效果。

步骤120：对指定排版宽度进行修正，并重新执行步骤100。

在步骤120中，可在实际排版宽度与指定排版宽度的宽度差范围内将指定排版宽度修正为与实际排版宽度较为接近的宽度，并根据修正后的指定排版宽度重新排版，直到实际排版宽度与指定排版宽度的宽度差不大于给定阀值，为了达到最佳适配效果，在本发明实施例中，将指定排版宽度修正为与实际排版宽度相同。

图2为本发明第二实施例的页面排版方法的流程示意图。如图2所示，本发明第二实施例的页面排版方法包括：

步骤200：设置修正变量的初始值；

在步骤200中，修正变量的初始值可根据需求进行设置，本发明实施例中，将修正变量的初始值M设置为false，在修正指定排版宽度时可将修正变量的初始值修改为与初始值对应的其他值。

步骤210： 加载排版页面，并判断页面是否有viewport（视觉窗口），如果页面有viewport，执行步骤220；如果页面没有viewport，执行步骤230；

步骤220：根据指定排版宽度进行排版，得到实际排版宽度，并执行步骤270；

步骤230：识别页面的网页类型，并根据网页类型指定第一次排版宽度；

在步骤230中，网页类型包括wap1.0、wap2.0、www或unknown等类型，在本发明实施例中，wap1.0网页指定第一次排版宽度为240px（像素），wap2.0指定第一次排版宽度为320px，www和unknown网页指定第一次排版宽度为800px，具体可根据不同情况进行设置。

步骤240：根据指定排版宽度进行排版，并得到实际排版宽度；

步骤250：判断实际排版宽度减去指定排版宽度是否大于给定阈值， 且修正变量为初始值，如果实际排版宽度减去指定排版宽度大于给定阈值， 且修正变量为初始值，执行步骤260；如果实际排版宽度减去指定排版宽度不大于给定阈值， 且修正变量不是初始值，执行步骤270；

在步骤250中，给定阈值是指页面右边空白处的宽度值；通常，在没有viewport的页面排版时，例如wap页面，当指定的排版宽度大于页面的实际宽度时，排版后的页面右边会有不少空白，影响适配效果；更重要的是，这种情况下，指定的排版宽度实际上在排版中并没有起作用，只是在显示的时候，计算了缩放比例。本发明以此为出发点，在静态排版宽度的排版过程中保留页面的实际排版宽度，并根据实际排版宽度减去指定排版宽度的宽度差反向修正指定排版宽度并重排页面，修正页面右边的空白宽度，以达到最好的适配效果。

步骤260：在实际排版宽度与指定排版宽度的宽度差范围内反向修正指定排版宽度，修改修正变量的初始值，并重新执行步骤240；

在步骤260中，可在实际排版宽度与指定排版宽度的宽度差范围内将指定排版宽度修正为与实际排版宽度较为接近的宽度，并根据修正后的指定排版宽度重新排版，直到实际排版宽度与指定排版宽度的宽度差不大于给定阀值，为了达到最佳适配效果，在本发明实施例中，将指定排版宽度修正为与实际排版宽度相同；修正变量的初始值可修改为与初始值相对应的值，在本发明实施例中，修正变量的初始值修改为M=true。

步骤270：结束本次排版。

图3为本发明第一实施例的页面排版装置的结构示意图。如图3所示，本发明第一实施例的页面排版装置包括页面排版模块30、宽度判断模块50和宽度修正模块60，其中，

页面排版模块30用于根据指定排版宽度进行排版，并得到实际排版宽度；其中，根据网页类型指定第一次排版宽度，网页类型包括wap1.0、wap2.0、www或unknown等类型，在本发明实施例中，wap1.0网页指定第一次排版宽度为240px（像素），wap2.0指定第一次排版宽度为320px，www和unknown网页指定第一次排版宽度为800px，具体可根据不同情况进行设置。

宽度判断模块50用于判断实际排版宽度减去指定排版宽度是否大于给定阈值，如果实际排版宽度减去指定排版宽度大于给定阈值，通过宽度修正模块60修正指定排版宽度；其中，给定阈值是指页面右边空白处的宽度值；通常，在没有viewport的页面排版时，例如wap页面，当指定的排版宽度大于页面的实际宽度时，排版后的页面右边会有不少空白，影响适配效果；更重要的是，这种情况下，指定的排版宽度实际上在排版中并没有起作用，只是在显示的时候，计算了缩放比例。本发明以此为出发点，在静态排版宽度的排版过程中保留页面的实际排版宽度，并根据实际排版宽度减去指定排版宽度的宽度差反向修正指定排版宽度并重排页面，修正页面右边的空白宽度，以达到最好的适配效果。

宽度修正模块60用于对指定排版宽度进行修正，并通过页面排版模块30根据修正后的指定排版宽度重新排版；其中，可在实际排版宽度与指定排版宽度的宽度差范围内将指定排版宽度修正为与实际排版宽度较为接近的宽度，并根据修正后的指定排版宽度重新排版，直到实际排版宽度与指定排版宽度的宽度差不大于给定阀值，为了达到最佳适配效果，在本发明实施例中，将指定排版宽度修正为与实际排版宽度相同。

图4为本发明第二实施例的页面排版装置的结构示意图。如图4所示，本发明第二实施例的页面排版装置包括设置模块10、页面判断模块20、页面排版模块30、页面识别模块40、宽度判断模块50和宽度修正模块60，其中

设置模块10用于设置修正变量的初始值；其中，修正变量的初始值可根据需求进行设置，本发明实施例中，将修正变量的初始值M设置为false，在修正指定排版宽度时可将修正变量的初始值修改为与初始值对应的其他值。

页面判断模块20用于加载排版页面，并判断页面是否有viewport（视觉窗口），如果页面有viewport，通过页面排版模块30进行排版并结束本次排版；如果页面没有viewport，通过页面识别模块40识别网页类型；

页面排版模块30用于在页面有viewport时根据指定排版宽度进行排版，得到实际排版宽度并结束排版；并在页面没有viewport时根据指定的排版宽度进行排版，得到实际排版宽度，并通过宽度判断模块50判断实际排版宽度减去指定排版宽度是否大于给定阈值；

页面识别模块40用于识别页面的网页类型，根据网页类型指定第一次排版宽度，并通过页面排版模块30根据指定排版宽度进行排版，得到实际排版宽度；其中，网页类型包括wap1.0、wap2.0、www或unknown等类型，在本发明实施例中，wap1.0网页指定第一次排版宽度为240px（像素），wap2.0指定第一次排版宽度为320px，www和unknown网页指定第一次排版宽度为800px，具体可根据不同情况进行设置。

宽度判断模块50用于判断实际排版宽度减去指定排版宽度是否大于给定阈值，且修正变量为初始值，如果实际排版宽度减去指定排版宽度大于给定阈值，且修正变量为初始值，通过宽度修正模块60修正指定排版宽度；如果实际排版宽度减去指定排版宽度不大于给定阈值，且修正变量不是初始值，结束本次排版；其中，给定阈值是指页面右边空白处的宽度值；通常，在没有viewport的页面排版时，例如wap页面，当指定的排版宽度大于页面的实际宽度时，排版后的页面右边会有不少空白，影响适配效果；更重要的是，这种情况下，指定的排版宽度实际上在排版中并没有起作用，只是在显示的时候，计算了缩放比例。本发明以此为出发点，在静态排版宽度的排版过程中保留页面的实际排版宽度，并根据实际排版宽度减去指定排版宽度的宽度差反向修正指定排版宽度并重排页面，修正页面右边的空白宽度，以达到最好的适配效果。

宽度修正模块60用于在实际排版宽度与指定排版宽度的宽度差范围内反向修正指定排版宽度，修改修正变量的初始值，并通过页面排版模块30重新进行排版；其中，可在实际排版宽度与指定排版宽度的宽度差范围内将指定排版宽度修正为与实际排版宽度较为接近的宽度，并根据修正后的指定排版宽度重新排版，直到实际排版宽度与指定排版宽度的宽度差不大于给定阀值，在本发明实施例中，将指定排版宽度修正为与实际排版宽度相同；修正变量的初始值可修改为与初始值相对应的值，在本发明实施例中，将修正变量的初始值修改为M=true。

本发明实施例的页面排版方法及装置通过在排版过程中保留页面的实际排版宽度，并根据实际排版宽度减去指定排版宽度的宽度差反向修正指定排版宽度并重排页面，以修正由于指定排版宽度大于页面实际宽度造成的页面右边的空白，以达到最好的适配效果，改善用户的使用体验。

以上所述，仅是本发明的较佳实施例而已，并非对本发明作任何形式上的限制，虽然本发明已以较佳实施例揭露如上，然而并非用以限定本发明,任何熟悉本专业的技术人员，在不脱离本发明技术方案范围内,当可利用上述揭示的技术内容作出些许更动或修饰为等同变化的等效实施例,但凡是未脱离本发明技术方案内容，依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化与修饰,均仍属于本发明技术方案的范围内。

Claims (2)

1.一种页面排版方法，包括：

根据指定排版宽度进行排版，并得到实际排版宽度；

判断实际排版宽度减去指定排版宽度是否大于给定阈值；

如果实际排版宽度减去指定排版宽度大于给定阈值，对指定排版宽度进行修正，并根据修正后的指定排版宽度重新排版；

其中，在所述根据指定排版宽度进行排版，并得到实际排版宽度步骤前还包括：设置修正变量的初始值；

在所述判断实际排版宽度减去指定排版宽度是否大于给定阈值步骤中还包括：判断修正变量是否为初始值，如果实际排版宽度减去指定排版宽度大于给定阈值，且修正变量为初始值，在所述对指定排版宽度进行修正，并根据修正后的指定排版宽度重新排版步骤中还包括：修改修正变量的初始值；

在所述判断实际排版宽度减去指定排版宽度是否大于给定阈值步骤中，如果实际排版宽度减去指定排版宽度不大于给定阈值，且修正变量不是初始值，则结束本次排版；

其中，在所述根据指定排版宽度进行排版，并得到实际排版宽度步骤前还包括：加载排版页面，并判断页面是否有视觉窗口，如果页面有视觉窗口，根据指定排版宽度进行排版，得到实际排版宽度，并结束本次排版；如果页面没有视觉窗口，则识别页面的网页类型，并根据网页类型指定第一次排版宽度；

其中，所述对指定排版宽度进行修正的修正方式为：在实际排版宽度与指定排版宽度的宽度差范围内将指定排版宽度修正为与实际排版宽度较为接近的宽度，直到实际排版宽度与指定排版宽度的宽度差不大于给定阈值；其中，最佳适配效果为：将指定排版宽度修正为与实际排版宽度相同。

2.一种页面排版装置，包括页面排版模块、宽度判断模块和宽度修正模块，

所述页面排版模块用于根据指定排版宽度进行排版，并得到实际排版宽度；

所述宽度判断模块用于判断实际排版宽度减去指定排版宽度是否大于给定阈值，如果实际排版宽度减去指定排版宽度大于给定阈值，通过宽度修正模块修正指定排版宽度；

所述宽度修正模块用于对指定排版宽度进行修正，并通过页面排版模块根据修正后的指定排版宽度重新进行排版；

其中，还包括设置模块，所述设置模块用于设置修正变量的初始值；

所述宽度判断模块还用于判断修正变量是否为初始值，如果实际排版宽度减去指定排版宽度大于给定阈值，且修正变量为初始值，则通过宽度修正模块修正指定排版宽度；如果实际排版宽度减去指定排版宽度不大于给定阈值，且修正变量不是初始值，则结束本次排版；

其中，所述装置还包括页面判断模块和页面识别模块，所述页面判断模块用于加载排版页面，并判断页面是否有视觉窗口，如果页面有视觉窗口，通过页面排版模块进行排版并结束本次排版；如果页面没有视觉窗口，通过页面识别模块识别网页类型；所述页面识别模块用于识别页面的网页类型，根据网页类型指定第一次排版宽度，并通过页面排版模块根据指定排版宽度进行排版；

其中，所述宽度修正模块对指定排版宽度进行修正的修正方式包括：在实际排版宽度与指定排版宽度的宽度差范围内将指定排版宽度修正为与实际排版宽度较为接近的宽度，直到实际排版宽度与指定排版宽度的宽度差不大于给定阈值；其中，最佳适配效果为：将指定排版宽度修正为与实际排版宽度相同。