一种页面适配方法及系统与流程

本发明实施例涉及数据处理技术领域，尤其涉及一种页面适配方法及系统。

背景技术：

随着移动网络和互联网的日益融合，移动终端的能力越来越多样化，通过移动终端访问更多的互联网资源，尤其是海量的页面已经成为越来越迫切的需求。但互联网上绝大多数的页面最初设计都是主要针对电脑，而不是针对移动终端。

与电脑相比，移动终端存在明显的特点，例如屏幕小，支持的标记语言比较有限且格式要求更严格；因此，现有的针对电脑的页面不能直接展示在移动终端。

技术实现要素：

本发明实施例提供了一种页面适配方法及系统，以实现在移动终端上正确显示页面。

第一方面，本发明实施例提供了一种页面适配方法，该方法包括：

接收服务器返回的目标页面的页面脚本；

根据移动终端的属性特征，对所述目标页面中的组成元素，在页面脚本中进行调整；

根据调整后的页面脚本生成目标页面并显示在所述移动终端的屏幕上。

进一步地，根据移动终端的属性特征，对所述目标页面中的组成元素，在页面脚本中进行调整包括：

调用页面脚本中的交互式程序，并将移动终端的属性特征作为程序输入参数；

根据交互式程序的运行结果，在页面脚本中更改目标页面中组成元素的属性。

进一步地，所述组成元素包括下述至少一项：字体大小、图片大小、图片格式、标记语言格式和音视频格式。

进一步地，所述移动终端的属性特征包括下述至少一项：屏幕尺寸和移动终端型号。

进一步地，根据移动终端的属性特征，对所述目标页面中的组成元素，在页面脚本中进行调整包括：

根据移动终端的属性特征，采用CSS技术和JAVA script技术，对所述目标页面中的组成元素，在页面脚本中进行调整。

第二方面，本发明实施例还提供了一种页面适配系统，该系统包括：

接收模块，用于接收服务器返回的目标页面的页面脚本；

调整模块，用于根据移动终端的属性特征，对所述目标页面中的组成元素，在页面脚本中进行调整；

显示模块，用于根据调整后的页面脚本生成目标页面并显示在所述移动终端的屏幕上。

进一步地，所述调整模块包括：

调用单元，用于调用页面脚本中的交互式程序，并将移动终端的属性特征作为程序输入参数；

更改单元，用于根据交互式程序的运行结果，在页面脚本中更改目标页面中组成元素的属性。

进一步地，所述组成元素包括下述至少一项：字体大小、图片大小、图片格式、标记语言格式和音视频格式。

进一步地，所述移动终端的属性特征包括下述至少一项：屏幕尺寸和移动终端型号。

进一步地，所述调整模块具体用于：

根据移动终端的属性特征，采用CSS技术和JAVA script技术，对所述目标页面中的组成元素，在页面脚本中进行调整。

本发明实施例提供的一种页面适配方法，通过接收服务器返回的目标页面的页面脚本；并根据移动终端的属性特征，对所述目标页面中的组成元素，在页面脚本中进行调整；最后根据调整后的页面脚本生成目标页面并显示在所述移动终端的屏幕上的技术手段，实现了在移动终端上正确显示页面的目的。

附图说明

图1是本发明实施例一提供的一种页面适配方法流程示意图；

图2是本发明实施例二提供的一种页面适配方法流程示意图；

图3是本发明实施例三提供的一种页面适配系统结构示意图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。

在更加详细地讨论示例性实施例之前应当提到的是，一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各项步骤描述成顺序的处理，但是其中的许多步骤可以被并行地、并发地或者同时实施。此外，各项步骤的顺序可以被重新安排。当其步骤完成时所述处理可以被终止，但是还可以具有未包括在附图中的附加步骤。所述处理可以对应于方法、函数、规程、子例程、子程序等等。

实施例一

图1为本发明实施例一提供的一种页面适配方法流程图，该方法可适用于互联网页面在移动终端进行显示的情况，可以由页面适配系统来执行。该系统可通过硬件和/或软件的方式实现。该方法具体包括如下步骤：

步骤110、接收服务器返回的目标页面的页面脚本。

具体的，服务器接收到移动终端发来的页面访问请求后，根据所述页面访问请求向移动终端返回目标页面的页面脚本，相应地，移动终端接收服务器返回的目标页面的页面脚本。

所述移动终端具体可以是手机、平板电脑等，但并不局限于此。所述目标页面具体是指呈现文字、图形等信息的可视化的信息载体，例如网页页面，根据开发语言和开发环境的不同，可以为不同类型的页面。

步骤120、根据移动终端的属性特征，对所述目标页面中的组成元素，在页面脚本中进行调整。

由于互联网上绝大多数的页面最初设计都是主要针对电脑，而不是针对移动终端，而与电脑相比，移动终端存在明显的特点，例如屏幕小，支持的标记语言比较有限且格式要求更严格，因此互联网上的所述目标页面往往不能直接显示在移动终端上，为了使所述目标页面能够正确显示在移动终端上，需要根据移动终端的属性特征对所述目标页面进行调整，所述移动终端的属性特征具体指表征移动终端适应页面的能力，例如移动终端的屏幕大小是否能够完全显示所述目标页面；移动终端支持图片格式的能力是否能够正确解析加载所述目标页面中的图片等；若移动终端的属性特征与所述目标页面中的组成元素(如图片格式、音视频格式等)不匹配，所述目标页面则不能正确显示在所述移动终端上，因此需要根据移动终端的属性特征，对所述目标页面中的组成元素，在页面脚本中进行调整。

步骤130、根据调整后的页面脚本生成目标页面并显示在所述移动终端的屏幕上。

本实施例提供的一种页面适配方法，通过接收服务器返回的目标页面的页面脚本；并根据移动终端的属性特征，对所述目标页面中的组成元素，在页面脚本中进行调整；最后根据调整后的页面脚本生成目标页面并显示在所述移动终端的屏幕上的技术手段，实现了在移动终端上正确显示页面的目的。

实施例二

图2为本发明实施例二提供的一种页面适配方法流程示意图，在实施例一的基础上，本实施例进行了进一步优化，具体参见图2所示，该方法具体如下：

步骤210、接收服务器返回的目标页面的页面脚本。

步骤220、调用页面脚本中的交互式程序，并将移动终端的属性特征作为程序输入参数。

示例性地，所述移动终端的属性特征包括下述至少一项：屏幕尺寸和移动终端型号；移动终端型号往往携带了很多关于移动终端各种性能信息。例如移动终端支持的图片格式和标记语言格式等。

步骤230、根据交互式程序的运行结果，在页面脚本中更改目标页面中组成元素的属性。

示例性地，所述组成元素包括下述至少一项：字体大小、图片大小、图片格式、标记语言格式和音视频格式。

进一步地，根据移动终端的属性特征，对所述目标页面中的组成元素，在页面脚本中进行调整包括：

根据移动终端的属性特征，采用CSS技术和JAVA script技术，对所述目标页面中的组成元素，在页面脚本中进行调整；例如根据移动终端屏幕的大小，采用CSS技术和JAVA script技术调整所述目标页面中的字体大小，具体的，首先通过CSS技术更改所述目标页面的根字体单位，将所述目标页面中的根字体单元转换为以rem为单位的字体，进一步根据移动终端的屏幕大小，通过JavaScript技术改变所述目标页面的根字体大小，以使所述目标页面的大小能够正确适合所述移动终端屏幕大小。

步骤240、根据调整后的页面脚本生成目标页面并显示在所述移动终端的屏幕上。

本实施例提供的一种页面适配方法，在上述实施例技术方案的基础上，通过调用页面脚本中的交互式程序，并将移动终端的属性特征作为程序输入参数，根据交互式程序的运行结果，在页面脚本中更改目标页面中组成元素的属性，最后根据调整后的页面脚本生成目标页面并显示在所述移动终端的屏幕上的技术手段，实现了在移动终端上正确显示页面的目的。

实施例三

图3为本发明实施例三提供的一种页面适配系统的结构框图，典型地，该系统可以集成到终端中，例如手机、平板电脑等；具体参见图3所示，该系统具体包括如下：

接收模块310，调整模块320和显示模块330；其中，接收模块310，用于接收服务器返回的目标页面的页面脚本；

调整模块320，用于根据移动终端的属性特征，对所述目标页面中的组成元素，在页面脚本中进行调整；

显示模块330，用于根据调整后的页面脚本生成目标页面并显示在所述移动终端的屏幕上。

进一步地，调整模块320包括：

调用单元，用于调用页面脚本中的交互式程序，并将移动终端的属性特征作为程序输入参数；

更改单元，用于根据交互式程序的运行结果，在页面脚本中更改目标页面中组成元素的属性。

示例性地，所述组成元素包括下述至少一项：字体大小、图片大小、图片格式、标记语言格式和音视频格式。

示例性地，所述移动终端的属性特征包括下述至少一项：屏幕尺寸和移动终端型号。

进一步地，调整模块320具体用于：

根据移动终端的属性特征，采用CSS技术和JAVA script技术，对所述目标页面中的组成元素，在页面脚本中进行调整。

本实施例提供的一种页面适配方法，通过接收服务器返回的目标页面的页面脚本；并根据移动终端的属性特征，对所述目标页面中的组成元素，在页面脚本中进行调整；最后根据调整后的页面脚本生成目标页面并显示在所述移动终端的屏幕上的技术手段，实现了在移动终端上正确显示页面的目的。

上述产品可执行本发明任意实施例所提供的方法，具备执行方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本发明任意实施例所提供的方法。

本领域技术人员可以理解实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序存储在一个存储介质中，包括若干指令用以使得一个设备(可以是单片机，芯片等)或处理器(processor)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。