一种网页显示方法及装置的制造方法
【技术领域】
[0001]本发明涉及互联网应用技术领域，特别涉及一种网页显示方法及装置。
【背景技术】
[0002]目前，终端访问大量已经存在互联网上的网页页面已经成为迫切需求。然而，终端的屏幕尺寸差异性极大，给网页内容的排版带来挑战。
[0003]以手机这种普及率最高的终端为例，目前可以通过手机浏览器直接访问传统互联网的网页，通过手机浏览器直接访问互联网中网页的方式不需要中间系统支持，由手机浏览器直接向互联网的WEB (网络)服务器发起请求，并在获取页面后进行显示。由于传统互联网的页面大多是为PC (Personal Computer，个人电脑)浏览器设计，所以页面尺寸并不适合手机浏览器，页面显示效果较差，影响用户体验。
【发明内容】
[0004]本发明提供一种网页显示方法及装置，用以实现适应于不同终端屏幕尺寸的网页显示的目的。
[0005]本发明提供一种网页显示方法，包括:
[0006]获取待显不网页；
[0007]检测当前终端屏幕的尺寸，并获取待显示网页的窗口的原始尺寸；
[0008]利用所述当前终端屏幕的尺寸和所述待显示网页的窗口的原始尺寸，对所述待显示网页中的各个元素的尺寸进行调整，以使得调整后的各个元素能够同时完整地显示在所述当前终端屏幕上；
[0009]将对所述待显示网页中的各个元素的尺寸进行调整后的网页在所述当前终端屏幕上进行显示。
[0010]在本发明一实施例中，利用所述当前终端屏幕的尺寸和所述待显示网页的窗口的原始尺寸，对所述待显示网页中的各个元素的尺寸进行调整，包括:
[0011]计算所述当前终端屏幕的高度与所述待显示网页的窗口的原始高度的第一缩放比值；
[0012]利用计算的所述第一缩放比值，对所述待显示网页中的各个元素的尺寸进行调整。
[0013]在本发明一实施例中，利用计算的所述第一缩放比值，对所述待显示网页中的各个元素的尺寸进行调整，包括:
[0014]将待显示网页中的各个元素的宽度和高度均乘以所述第一缩放比值，以实现尺寸的调整。
[0015]在本发明一实施例中，利用所述当前终端屏幕的尺寸和所述待显示网页的窗口的原始尺寸，对所述待显示网页中的各个元素的尺寸进行调整，包括:
[0016]计算所述当前终端屏幕的宽度与所述待显示网页的窗口的原始宽度的第二缩放比值；
[0017]利用计算的所述第二缩放比值，对所述待显示网页中的各个元素的尺寸进行调整。
[0018]在本发明一实施例中，利用计算的所述第二缩放比值，对所述待显示网页中的各个元素的尺寸进行调整，包括:
[0019]将待显示网页中的各个元素的宽度和高度均乘以所述第二缩放比值，以实现尺寸的调整。
[0020]本发明还提供一种网页显示装置，包括:
[0021]网页获取模块，用于获取待显示网页；
[0022]检测模块，用于检测当前终端屏幕的尺寸；
[0023]尺寸获取模块，用于获取待显示网页的窗口的原始尺寸；
[0024]尺寸调整模块，用于利用所述当前终端屏幕的尺寸和所述待显示网页的窗口的原始尺寸，对所述待显示网页中的各个元素的尺寸进行调整，以使得调整后的各个元素能够同时完整地显示在所述当前终端屏幕上；
[0025]显示模块，用于将对所述待显示网页中的各个元素的尺寸进行调整后的网页在所述当前终端屏幕上进行显示。
[0026]在本发明一实施例中，所述尺寸调整模块包括:
[0027]第一计算单元，用于计算所述当前终端屏幕的高度与所述待显示网页的窗口的原始高度的第一缩放比值；
[0028]第一调整单元，用于利用计算的所述第一缩放比值，对所述待显示网页中的各个元素的尺寸进行调整。
[0029]在本发明一实施例中，所述第一调整单元还用于:
[0030]将待显示网页中的各个元素的宽度和高度均乘以所述第一缩放比值，以实现尺寸的调整。
[0031]在本发明一实施例中，所述尺寸调整模块包括:
[0032]第二计算单元，用于计算所述当前终端屏幕的宽度与所述待显示网页的窗口的原始宽度的第二缩放比值；
[0033]第二调整单元，用于利用计算的所述第二缩放比值，对所述待显示网页中的各个元素的尺寸进行调整。
[0034]在本发明一实施例中，所述第二调整单元还用于:
[0035]将待显示网页中的各个元素的宽度和高度均乘以所述第二缩放比值，以实现尺寸的调整。
[0036]本发明实施例的一些有益效果可以包括:
[0037]本发明实施例中，获取待显示网页，检测当前终端屏幕的尺寸，并获取待显示网页的窗口的原始尺寸，进而利用当前终端屏幕的尺寸和待显示网页的窗口的原始尺寸，对待显示网页中的各个元素的尺寸进行调整，以使得调整后的各个元素能够同时完整地显示在当前终端屏幕上，随后将对待显示网页中的各个元素的尺寸进行调整后的网页在当前终端屏幕上进行显示。由此可知，本发明实施例能够根据当前终端屏幕的尺寸和待显示网页的窗口的原始尺寸，自适应地调整待显示网页中的各个元素的尺寸，使得调整后的各个元素能够同时完整地显示在当前终端屏幕上，从而提升了网页页面的显示效果。
[0038]本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
[0039]下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。
【附图说明】
[0040]附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中:
[0041]图1所示为本发明一实施例中网页显示方法的流程图；
[0042]图2所示为本发明另一实施例中网页显示方法的流程图；
[0043]图3所示为本发明又一实施例中网页显示方法的流程图；
[0044]图4所示为本发明一实施例中网页显示装置的结构示意图；
[0045]图5所示为本发明一实施例中尺寸调整模块44的结构示意图；以及
[0046]图6所示为本发明另一实施例中尺寸调整模块44的结构示意图。
【具体实施方式】
[0047]以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。
[0048]图1所示为本发明一实施例中网页显示方法的流程图，该方法包括以下步骤S11-S14:
[0049]步骤Sll，获取待显示网页。
[0050]步骤S12，检测当前终端屏幕的尺寸，并获取待显示网页的窗口的原始尺寸。
[0051]步骤S13，利用当前终端屏幕的尺寸和待显示网页的窗口的原始尺寸，对待显示网页中的各个元素的尺寸进行调整，以使得调整后的各个元素能够同时完整地显示在当前终端屏幕上。
[0052]步骤S14，将对待显示网页中的各个元素的尺寸进行调整后的网页在当前终端屏幕上进行显示。
[0053]本发明实施例中，获取待显示网页，检测当前终端屏幕的尺寸，并获取待显示网页的窗口的原始尺寸，进而利用当前终端屏幕的尺寸和待显示网页的窗口的原始尺寸，对待显示网页中的各个元素的尺寸进行调整，以使得调整后的各个元素能够同时完整地显示在当前终端屏幕上，随后将对待显示网页中的各个元素的尺寸进行调整后的网页在当前终端屏幕上进行显示。由此可知，本发明实施例能够根据当前终端屏幕的尺寸和待显示网页的窗口的原始尺寸，自适应地调整待显示网页中的各个元素的尺寸，使得调整后的各个元素能够同时完整地显示在当前终端屏幕上，从而提升了网页页面的显示效果。
[0054]上文步骤S13中提及的待显示网页中的各个元素可以是网页中的控件、文字、图片、广告等，本发明不限于此。步骤S13中利用当前终端屏幕的尺寸和待显示网页的窗口的原始尺寸，对待显示网页中的各个元素的尺寸进行调整，本发明实施例提供了两种方案，下面将分别进行详细介绍。
[0055]方式一，利用高度比值的方式。S卩，计算当前终端屏幕的高度与待显示网页的窗口的原始高度的第一缩放比值，进而利用计算的第一缩放比值，对待显示网页中的各个元素的尺寸进行调整。
[0056]进一步，将待显示网页中的各个元素的宽度和高度均乘以第一缩放比值，以实现尺寸的调整。举例来说，以某固定尺寸(如1024*768像素)作为一个标准尺寸，为网页里面的每个元素设置初始尺寸(即初始高度和宽度)。计算当前终端屏幕的高度与待显示网页的窗口的原始高度的第一缩放比值，将网页里面的每个元素的初始尺寸乘以该第一缩放比值，得到调整后的尺寸(即调整后的高度和宽度)，响应于调整后的高度和宽度在当前终端屏幕上进行显示。
[0057]方式二，利用宽度比值的方式。S卩，计算当前终端屏幕的宽度与待显示网页的窗口的原始宽度的第二缩放比值，随后利用计算的第二缩放比值，对待显示网页中的各个元素的尺寸进行调整。
[0058]进一步，将待显示网页中的各个元素的宽度和高度均乘以第二缩放比值，以实现尺寸的调整。举例来说，以某固定尺寸(如1024*768像素)作为一个标准尺寸，为网页里面的每个元素设置初始尺寸(即初始高度和宽度)。计算当前终端屏幕的宽度与待显示网页的窗口的原始宽度的第二缩放比值，将网页里面的每个元素的初始尺寸乘以该第二缩放比值，得到调整后的尺寸(即调整后的高度和宽度)，响应于调整后的高度和宽度在当前终端屏幕上进行显示。
[0059]下面通过一具体实施例详细介绍本发明的网页显示方法的实现过程。
[0060]图2所示为本发明另一实施例中网页显示方法的流程图，该实施例中，以上文高度比值为例进行介绍，该方法包括以下步骤S21-S25:
[0061]步骤S21，获取待显示网页。
[0062]步骤S22，检测当前终端屏幕的高度，并获取待显示网页的窗口的原始高度。
[00