CN104978433A - 一种网页显示方法及装置 - Google Patents

Abstract

本发明公开了一种网页显示方法及装置，用以实现适应于不同终端屏幕尺寸的网页显示的目的。所述方法包括：获取待显示网页；检测当前终端屏幕的尺寸，并获取待显示网页的窗口的原始尺寸；利用所述当前终端屏幕的尺寸和所述待显示网页的窗口的原始尺寸，对所述待显示网页中的各个元素的尺寸进行调整，以使得调整后的各个元素能够同时完整地显示在所述当前终端屏幕上；将对所述待显示网页中的各个元素的尺寸进行调整后的网页在所述当前终端屏幕上进行显示。

Description

一种网页显示方法及装置

技术领域

本发明涉及互联网应用技术领域，特别涉及一种网页显示方法及装置。

背景技术

目前，终端访问大量已经存在互联网上的网页页面已经成为迫切需求。然而，终端的屏幕尺寸差异性极大，给网页内容的排版带来挑战。

以手机这种普及率最高的终端为例，目前可以通过手机浏览器直接访问传统互联网的网页，通过手机浏览器直接访问互联网中网页的方式不需要中间系统支持，由手机浏览器直接向互联网的WEB(网络)服务器发起请求，并在获取页面后进行显示。由于传统互联网的页面大多是为PC(Personal Computer，个人电脑)浏览器设计，所以页面尺寸并不适合手机浏览器，页面显示效果较差，影响用户体验。

发明内容

本发明提供一种网页显示方法及装置，用以实现适应于不同终端屏幕尺寸的网页显示的目的。

本发明提供一种网页显示方法，包括：

获取待显示网页；

检测当前终端屏幕的尺寸，并获取待显示网页的窗口的原始尺寸；

利用所述当前终端屏幕的尺寸和所述待显示网页的窗口的原始尺寸，对所述待显示网页中的各个元素的尺寸进行调整，以使得调整后的各个元素能够同时完整地显示在所述当前终端屏幕上；

将对所述待显示网页中的各个元素的尺寸进行调整后的网页在所述当前终端屏幕上进行显示。

在本发明一实施例中，利用所述当前终端屏幕的尺寸和所述待显示网页的窗口的原始尺寸，对所述待显示网页中的各个元素的尺寸进行调整，包括：

计算所述当前终端屏幕的高度与所述待显示网页的窗口的原始高度的第一缩放比值；

利用计算的所述第一缩放比值，对所述待显示网页中的各个元素的尺寸进行调整。

在本发明一实施例中，利用计算的所述第一缩放比值，对所述待显示网页中的各个元素的尺寸进行调整，包括：

将待显示网页中的各个元素的宽度和高度均乘以所述第一缩放比值，以实现尺寸的调整。

在本发明一实施例中，利用所述当前终端屏幕的尺寸和所述待显示网页的窗口的原始尺寸，对所述待显示网页中的各个元素的尺寸进行调整，包括：

计算所述当前终端屏幕的宽度与所述待显示网页的窗口的原始宽度的第二缩放比值；

利用计算的所述第二缩放比值，对所述待显示网页中的各个元素的尺寸进行调整。

在本发明一实施例中，利用计算的所述第二缩放比值，对所述待显示网页中的各个元素的尺寸进行调整，包括：

将待显示网页中的各个元素的宽度和高度均乘以所述第二缩放比值，以实现尺寸的调整。

本发明还提供一种网页显示装置，包括：

网页获取模块，用于获取待显示网页；

检测模块，用于检测当前终端屏幕的尺寸；

尺寸获取模块，用于获取待显示网页的窗口的原始尺寸；

尺寸调整模块，用于利用所述当前终端屏幕的尺寸和所述待显示网页的窗口的原始尺寸，对所述待显示网页中的各个元素的尺寸进行调整，以使得调整后的各个元素能够同时完整地显示在所述当前终端屏幕上；

显示模块，用于将对所述待显示网页中的各个元素的尺寸进行调整后的网页在所述当前终端屏幕上进行显示。

在本发明一实施例中，所述尺寸调整模块包括：

第一计算单元，用于计算所述当前终端屏幕的高度与所述待显示网页的窗口的原始高度的第一缩放比值；

第一调整单元，用于利用计算的所述第一缩放比值，对所述待显示网页中的各个元素的尺寸进行调整。

在本发明一实施例中，所述第一调整单元还用于：

将待显示网页中的各个元素的宽度和高度均乘以所述第一缩放比值，以实现尺寸的调整。

在本发明一实施例中，所述尺寸调整模块包括：

第二计算单元，用于计算所述当前终端屏幕的宽度与所述待显示网页的窗口的原始宽度的第二缩放比值；

第二调整单元，用于利用计算的所述第二缩放比值，对所述待显示网页中的各个元素的尺寸进行调整。

在本发明一实施例中，所述第二调整单元还用于：

将待显示网页中的各个元素的宽度和高度均乘以所述第二缩放比值，以实现尺寸的调整。

本发明实施例的一些有益效果可以包括：

本发明实施例中，获取待显示网页，检测当前终端屏幕的尺寸，并获取待显示网页的窗口的原始尺寸，进而利用当前终端屏幕的尺寸和待显示网页的窗口的原始尺寸，对待显示网页中的各个元素的尺寸进行调整，以使得调整后的各个元素能够同时完整地显示在当前终端屏幕上，随后将对待显示网页中的各个元素的尺寸进行调整后的网页在当前终端屏幕上进行显示。由此可知，本发明实施例能够根据当前终端屏幕的尺寸和待显示网页的窗口的原始尺寸，自适应地调整待显示网页中的各个元素的尺寸，使得调整后的各个元素能够同时完整地显示在当前终端屏幕上，从而提升了网页页面的显示效果。

本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。

下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。

附图说明

附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：

图1所示为本发明一实施例中网页显示方法的流程图；

图2所示为本发明另一实施例中网页显示方法的流程图；

图3所示为本发明又一实施例中网页显示方法的流程图；

图4所示为本发明一实施例中网页显示装置的结构示意图；

图5所示为本发明一实施例中尺寸调整模块44的结构示意图；以及

图6所示为本发明另一实施例中尺寸调整模块44的结构示意图。

具体实施方式

以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。

图1所示为本发明一实施例中网页显示方法的流程图，该方法包括以下步骤S11-S14：

步骤S11，获取待显示网页。

步骤S12，检测当前终端屏幕的尺寸，并获取待显示网页的窗口的原始尺寸。

步骤S13，利用当前终端屏幕的尺寸和待显示网页的窗口的原始尺寸，对待显示网页中的各个元素的尺寸进行调整，以使得调整后的各个元素能够同时完整地显示在当前终端屏幕上。

步骤S14，将对待显示网页中的各个元素的尺寸进行调整后的网页在当前终端屏幕上进行显示。

本发明实施例中，获取待显示网页，检测当前终端屏幕的尺寸，并获取待显示网页的窗口的原始尺寸，进而利用当前终端屏幕的尺寸和待显示网页的窗口的原始尺寸，对待显示网页中的各个元素的尺寸进行调整，以使得调整后的各个元素能够同时完整地显示在当前终端屏幕上，随后将对待显示网页中的各个元素的尺寸进行调整后的网页在当前终端屏幕上进行显示。由此可知，本发明实施例能够根据当前终端屏幕的尺寸和待显示网页的窗口的原始尺寸，自适应地调整待显示网页中的各个元素的尺寸，使得调整后的各个元素能够同时完整地显示在当前终端屏幕上，从而提升了网页页面的显示效果。

上文步骤S13中提及的待显示网页中的各个元素可以是网页中的控件、文字、图片、广告等，本发明不限于此。步骤S13中利用当前终端屏幕的尺寸和待显示网页的窗口的原始尺寸，对待显示网页中的各个元素的尺寸进行调整，本发明实施例提供了两种方案，下面将分别进行详细介绍。

方式一，利用高度比值的方式。即，计算当前终端屏幕的高度与待显示网页的窗口的原始高度的第一缩放比值，进而利用计算的第一缩放比值，对待显示网页中的各个元素的尺寸进行调整。

进一步，将待显示网页中的各个元素的宽度和高度均乘以第一缩放比值，以实现尺寸的调整。举例来说，以某固定尺寸(如1024*768像素)作为一个标准尺寸，为网页里面的每个元素设置初始尺寸(即初始高度和宽度)。计算当前终端屏幕的高度与待显示网页的窗口的原始高度的第一缩放比值，将网页里面的每个元素的初始尺寸乘以该第一缩放比值，得到调整后的尺寸(即调整后的高度和宽度)，响应于调整后的高度和宽度在当前终端屏幕上进行显示。

方式二，利用宽度比值的方式。即，计算当前终端屏幕的宽度与待显示网页的窗口的原始宽度的第二缩放比值，随后利用计算的第二缩放比值，对待显示网页中的各个元素的尺寸进行调整。

进一步，将待显示网页中的各个元素的宽度和高度均乘以第二缩放比值，以实现尺寸的调整。举例来说，以某固定尺寸(如1024*768像素)作为一个标准尺寸，为网页里面的每个元素设置初始尺寸(即初始高度和宽度)。计算当前终端屏幕的宽度与待显示网页的窗口的原始宽度的第二缩放比值，将网页里面的每个元素的初始尺寸乘以该第二缩放比值，得到调整后的尺寸(即调整后的高度和宽度)，响应于调整后的高度和宽度在当前终端屏幕上进行显示。

下面通过一具体实施例详细介绍本发明的网页显示方法的实现过程。

图2所示为本发明另一实施例中网页显示方法的流程图，该实施例中，以上文高度比值为例进行介绍，该方法包括以下步骤S21-S25：

步骤S21，获取待显示网页。

步骤S22，检测当前终端屏幕的高度，并获取待显示网页的窗口的原始高度。

步骤S23，计算当前终端屏幕的高度与待显示网页的窗口的原始高度的第一缩放比值。

步骤S24，将待显示网页中的各个元素的宽度和高度均乘以第一缩放比值，以使得调整后的各个元素能够同时完整地显示在当前终端屏幕上。

步骤S25，将对待显示网页中的各个元素的尺寸进行调整后的网页在当前终端屏幕上进行显示。

本发明实施例中，根据当前终端屏幕的高度和待显示网页的窗口的原始高度，自适应地调整待显示网页中的各个元素的尺寸，使得调整后的各个元素能够同时完整地显示在当前终端屏幕上，从而提升了网页页面的显示效果。

图3所示为本发明又一实施例中网页显示方法的流程图，该实施例中，以上文宽度比值为例进行介绍，该方法包括以下步骤S31-S35：

步骤S31，获取待显示网页。

步骤S32，检测当前终端屏幕的宽度，并获取待显示网页的窗口的原始宽度。

步骤S33，计算当前终端屏幕的宽度与待显示网页的窗口的原始宽度的第二缩放比值。

步骤S34，将待显示网页中的各个元素的宽度和高度均乘以第二缩放比值，以使得调整后的各个元素能够同时完整地显示在当前终端屏幕上。

步骤S35，将对待显示网页中的各个元素的尺寸进行调整后的网页在当前终端屏幕上进行显示。

本发明实施例中，根据当前终端屏幕的宽度和待显示网页的窗口的原始宽度，自适应地调整待显示网页中的各个元素的尺寸，使得调整后的各个元素能够同时完整地显示在当前终端屏幕上，从而提升了网页页面的显示效果。

对应于上述实施例中的网页显示方法，本发明还提供一种网页显示装置。如图4所示为本发明一实施例中网页显示装置的结构示意图，包括：

网页获取模块41，用于获取待显示网页；

检测模块42，用于检测当前终端屏幕的尺寸；

尺寸获取模块43，用于获取待显示网页的窗口的原始尺寸；

尺寸调整模块44，用于利用当前终端屏幕的尺寸和待显示网页的窗口的原始尺寸，对待显示网页中的各个元素的尺寸进行调整，以使得调整后的各个元素能够同时完整地显示在当前终端屏幕上；

显示模块45，用于将对待显示网页中的各个元素的尺寸进行调整后的网页在当前终端屏幕上进行显示。

在本发明一实施例中，如图5所示，上文图4展示的尺寸调整模块44可以包括：

第一计算单元51，用于计算当前终端屏幕的高度与待显示网页的窗口的原始高度的第一缩放比值；

第一调整单元52，用于利用计算的第一缩放比值，对待显示网页中的各个元素的尺寸进行调整。

在本发明一实施例中，上述第一调整单元52还用于：

将待显示网页中的各个元素的宽度和高度均乘以第一缩放比值，以实现尺寸的调整。

在本发明一实施例中，如图6所示，上文图4展示的尺寸调整模块44可以包括：

第二计算单元61，用于计算当前终端屏幕的宽度与待显示网页的窗口的原始宽度的第二缩放比值；

第二调整单元62，用于利用计算的第二缩放比值，对待显示网页中的各个元素的尺寸进行调整。

在本发明一实施例中，上述第二调整单元62还用于：

将待显示网页中的各个元素的宽度和高度均乘以第二缩放比值，以实现尺寸的调整。

本发明实施例的上述装置：获取待显示网页，检测当前终端屏幕的尺寸，并获取待显示网页的窗口的原始尺寸，进而利用当前终端屏幕的尺寸和待显示网页的窗口的原始尺寸，对待显示网页中的各个元素的尺寸进行调整，以使得调整后的各个元素能够同时完整地显示在当前终端屏幕上，随后将对待显示网页中的各个元素的尺寸进行调整后的网页在当前终端屏幕上进行显示。由此可知，本发明实施例能够根据当前终端屏幕的尺寸和待显示网页的窗口的原始尺寸，自适应地调整待显示网页中的各个元素的尺寸，使得调整后的各个元素能够同时完整地显示在当前终端屏幕上，从而提升了网页页面的显示效果。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (10)

1.一种网页显示方法，其特征在于，包括：

获取待显示网页；

检测当前终端屏幕的尺寸，并获取待显示网页的窗口的原始尺寸；

利用所述当前终端屏幕的尺寸和所述待显示网页的窗口的原始尺寸，对所述待显示网页中的各个元素的尺寸进行调整，以使得调整后的各个元素能够同时完整地显示在所述当前终端屏幕上；

将对所述待显示网页中的各个元素的尺寸进行调整后的网页在所述当前终端屏幕上进行显示。

2.根据权利要求1所述的方法，其特征在于，利用所述当前终端屏幕的尺寸和所述待显示网页的窗口的原始尺寸，对所述待显示网页中的各个元素的尺寸进行调整，包括：

计算所述当前终端屏幕的高度与所述待显示网页的窗口的原始高度的第一缩放比值；

利用计算的所述第一缩放比值，对所述待显示网页中的各个元素的尺寸进行调整。

3.根据权利要求2所述的方法，其特征在于，利用计算的所述第一缩放比值，对所述待显示网页中的各个元素的尺寸进行调整，包括：

将待显示网页中的各个元素的宽度和高度均乘以所述第一缩放比值，以实现尺寸的调整。

4.根据权利要求1所述的方法，其特征在于，利用所述当前终端屏幕的尺寸和所述待显示网页的窗口的原始尺寸，对所述待显示网页中的各个元素的尺寸进行调整，包括：

计算所述当前终端屏幕的宽度与所述待显示网页的窗口的原始宽度的第二缩放比值；

利用计算的所述第二缩放比值，对所述待显示网页中的各个元素的尺寸进行调整。

5.根据权利要求4所述的方法，其特征在于，利用计算的所述第二缩放比值，对所述待显示网页中的各个元素的尺寸进行调整，包括：

将待显示网页中的各个元素的宽度和高度均乘以所述第二缩放比值，以实现尺寸的调整。

6.一种网页显示装置，其特征在于，包括：

网页获取模块，用于获取待显示网页；

检测模块，用于检测当前终端屏幕的尺寸；

尺寸获取模块，用于获取待显示网页的窗口的原始尺寸；

尺寸调整模块，用于利用所述当前终端屏幕的尺寸和所述待显示网页的窗口的原始尺寸，对所述待显示网页中的各个元素的尺寸进行调整，以使得调整后的各个元素能够同时完整地显示在所述当前终端屏幕上；

显示模块，用于将对所述待显示网页中的各个元素的尺寸进行调整后的网页在所述当前终端屏幕上进行显示。

7.根据权利要求6所述的装置，其特征在于，所述尺寸调整模块包括：

第一计算单元，用于计算所述当前终端屏幕的高度与所述待显示网页的窗口的原始高度的第一缩放比值；

第一调整单元，用于利用计算的所述第一缩放比值，对所述待显示网页中的各个元素的尺寸进行调整。

8.根据权利要求7所述的装置，其特征在于，所述第一调整单元还用于：

将待显示网页中的各个元素的宽度和高度均乘以所述第一缩放比值，以实现尺寸的调整。

9.根据权利要求6所述的装置，其特征在于，所述尺寸调整模块包括：

第二计算单元，用于计算所述当前终端屏幕的宽度与所述待显示网页的窗口的原始宽度的第二缩放比值；

第二调整单元，用于利用计算的所述第二缩放比值，对所述待显示网页中的各个元素的尺寸进行调整。

10.根据权利要求9所述的装置，其特征在于，所述第二调整单元还用于：

将待显示网页中的各个元素的宽度和高度均乘以所述第二缩放比值，以实现尺寸的调整。