CN102253986A

CN102253986A - 提高多终端网页显示效果的方法和装置

Info

Publication number: CN102253986A
Application number: CN2011101814164A
Authority: CN
Inventors: 倪新锋
Original assignee: Beijing Feinno Communication Technology Co Ltd
Current assignee: Beijing Feinno Communication Technology Co Ltd
Priority date: 2011-06-30
Filing date: 2011-06-30
Publication date: 2011-11-23

Abstract

本发明公开了一种提高多终端网页显示效果的方法和装置，能够显著减少网页开发的工作量，提高资源的利用率和业务的可扩展性。本发明实施例提供的一种提高多终端网页显示效果的方法包括：设置独立于页面版本的标签，所述标签定义了页面所能支持的语义功能，由所述标签组成统一模板；利用接收到的不同终端的请求分别识别每个终端所支持的网页版本；利用工厂模式将所述统一模板转换为所述终端支持的的网页版本对应的内容，以分别在各终端上显示相应网页。

Description

提高多终端网页显示效果的方法和装置

技术领域

本发明涉及网络技术领域，尤其是涉及一种提高多终端网页显示效果的方法和装置。

背景技术

在手机上网技术的发展历程中，手机浏览器所能支持的网页版本，先后经历了无线标记语言(wireless markup language，wml)1.2版本，wml2.0版本，文本标记语言(hypertext markup language，html)版本以及最新的html 5版本。

目前，市场上支持新旧网页版本的手机都占据了一定的份额。一个手机通常只能较好的支持一种网页版本，当手机访问与其支持的网页版本不一致的网页时，其所能得到的网页质量较差，相应的显示效果也比较差，甚至会出现无法显示的情况。

为了解决上述问题，现有的处理方案，为网页的每个版本都写一个模板，利用各个模板向手机提供相应版本的网页。

然而，现有的这种处理方案，由于为每个版本都要写一个模板，工作量过大，耗费了过多的开发力量，也提高了管理和维护的难度，阻碍了技术的发展；并且，对于一些改进型的新版本，其与旧版本相比，在具有不同之处的同时也保留一些相同的部分，现有的处理方案资源利用率较低，不利于对网页功能的添加或修改，业务的可扩展性较低。

发明内容

本发明实施例提供了一种提高多终端网页显示效果的方法和装置，能够显著减少网页开发的工作量，提高了资源的利用率和业务的可扩展性。

为达到上述目的，本发明实施例的技术方案是这样实现的：

本发明实施例提供了一种提高多终端网页显示效果的方法，包括：

设置独立于页面版本的标签，所述标签定义了页面所能支持的语义功能，由所述标签组成统一模板；

利用接收到的不同终端的请求分别识别每个终端所支持的网页版本；

利用工厂模式将所述统一模板转换为所述终端支持的的网页版本对应的内容，以分别在各终端上显示相应网页。

本发明实施例还提供了一种提高多终端网页显示效果的装置，该装置包括：

网页版本识别单元，用于利用接收到的终端的请求识别终端所支持的网页版本；

标签处理单元，用于设置独立于页面版本的标签，所述标签定义了页面所能支持的语义功能，由所述标签组成统一模板；以及，通过工厂模式将所述统一模板转换为所述网页版本的终端所支持的网页，以在终端上显示相应网页。

由上述可见，本发明实施例的技术方案在前期版本识别的基础上，通过一套统一模板生成了不同版本的页面，即能够利用一套模板同时支持具有不同网页版本的多个终端，从而解决了现有技术中由于终端自身支持的网页版本与其访问网页的版本不一致时，页面显示效果较差的问题。

并且，本技术方案能够显著减少网页开发的工作量，降低对网页进行管理和维护的难度，有利于网络技术的发展；并且，由于通过对统一模板中标签能够方便地对网页功能进行添加或修改，使新老版本的网页资源得以共享，提高了资源的利用率和业务的可扩展性。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例一提供的一种提高多终端网页显示效果的方法流程示意图；

图2为本发明实施例二所提供的提高多终端网页显示效果的方法流程示意图；

图3为本发明实施例三提供的一种提高多终端网页显示效果的装置结构示意图。

具体实施方式

下面将结合本发明的附图，对本发明的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明实施例一提供了一种提高多终端网页显示效果的方法，参见图1，所述方法包括：

11：设置独立于页面版本的标签，所述标签定义了页面所能支持的语义功能，由所述标签组成统一模板；

12：利用接收到的不同终端的请求分别识别每个终端所支持的网页版本；

13：利用工厂模式将所述统一模板转换为所述终端支持的网页版本对应的内容，以分别在各终端上显示相应网页。

下面对本发明实施例二提供的一种提高多终端网页显示效果的方法进行说明。参见图2，显示了本发明实施例所提供的提高多终端网页显示效果的方法流程示意图，在图2所示的场景中以利用网页版本识别单元和标签处理单元实现本方法的具体步骤为例进行说明，具体包括：

1：接收终端用户发送的请求。

上述终端可以为移动终端，如手机，也可以为有线终端，如计算机等。终端通过相应的请求消息，如网页访问请求消息，向网页版本识别单元发送请求。

2：对终端所支持的网页版本进行识别。

网页版本识别单元根据来自终端用户的请求，识别终端所支持的网页版本。网页版本识别单元可以同时对多个终端的请求进行处理，同时识别出多个终端所支持的网页版本。

终端所支持的网页版本包括但不局限于下述的一种版本：

无线标记语言wml1.2版本，wml2.0版本，文本标记语言html版本和html5版本。

现有的利用模板生成页面的过程中，对一个页面各个组成部分，在生成的过程中都需要逐个进行版本类型的识别，需要重复操作，且操作繁琐，也导致在修改和制作模板时，难度较大。

针对这种问题，本技术方案在页面生成的前期过程中，首先对网页版本继续识别和确认，在后续页面生成的执行过程中，无需再进行版本识别，即明显地区分了对页面版本的判断过程和对标签的解释过程，便于对新页面版本的扩展，以及，对统一模板中标签的增加或删除。

3：获得相应的工厂实现类。

获得识别出的网页版本所对应的工厂实现类。例如，工厂实现类WML1.2Factory实现了标签对应于wml1.2的标签生成工作，工厂实现类HTMLFactory实现了标签对应于html的标签生成工作。

本技术方案并不对各个步骤的具体执行次序进行严格限定，例如，工厂实现类的创建可以在接收终端请求之前预先完成，也可以当接收到终端请求之后再执行。参见图2，根据终端所支持的网页版本不同，获取多个不同的工厂实现类，如工厂实现类1，工厂实现类2至工厂实现类n，n为序号。

4：将得到的工厂实现类赋予标签处理单元。

5：标签处理单元利用工厂实现类对统一模板进行解释，以得到各个终端支持的网页版本对应的内容。

标签处理单元中设置独立于页面版本的标签，所述标签定义了页面所能支持的语义功能，由所述标签组成统一模板，如标签按照预定关系组成统一模板。

本发明实施例首先提出了一套独立于各页面版本的标签，这种“独立”的标签主要是指标签的定义并不依赖于具体的网页版本，该标签只是定义了页面所能支持的语义功能，即本发明实施例中根据所实现的网页的功能和结构特点，抽取具有语义概念的标签作为统一模板的基本元素。

例如，标签<ui:textarea name＝″content″></ui:textarea>对应于一个名称为content的输入框的语义功能。

类似地，还可以通过标签定义文档(doc)、文档头(head)，文档主体(body)等所对应的语义功能。标签实现的具体方式以及这些标签具有的属性可以根据实际的需要(如需要实现的功能)进行调整。

在定义了这些标签后，就可以使用这些标签来定义或组成统一模板，标签主要是从语义上描述了统一模板的结构。

例如，下面为一个所定义的统一模板的简单示例：

在上述统一模板中，包括标签<ui:doc>，标签<ui:head>，标签<ui:title>和标签<ui:body>。

由上可见，上述统一模板的示例中声明了一个文档，如标签<ui:doc>，它有一个文档头()，其中定义了文档的名称为“测试”，它还定义了文档主体，其内容为“测试内容”。

进一步的，不同的标签是按照预定关系组成统一模板，将所述预定关系设置在所述标签中。例如，在上述的统一模板示例中，标签<ui:doc>中就设置了一种包含关系，通过该包含关系将标签<ui:head>包含在标签<ui:doc>；而标签<ui:head>中也设置了一种包含关系，通过该包含关系将标签<ui:title>包含在标签<ui:head>中。

然而，上述的统一模板不能直接返回给用户的浏览器，因为统一模板不是一个具体页面版本的实现，所有的浏览器都不识别统一模板，在返回到用户的浏览器之前需要对它进行翻译，最终转换成用户的浏览器可以接受的页面，而这一过程在本方案中是通过工厂模式来实现的。标签处理单元利用工厂模式将所述统一模板转换为所述终端支持的网页版本对应的内容，以分别在各终端上显示相应网页。

标签处理单元利用创建出的工厂实现类对统一模板进行解释，得到终端的网页版本所支持的网页。

进一步的，与标签的定义对应，对于每一个标签，在工厂实现类中设置一个解释功能，该解释功能将标签解释为对应的网页版本的语句。

例如，标签<ui:textarea name＝″content″></ui:textarea>在wml的工厂实现类中就会被翻译成<input name＝″content″type＝″text″/>

而该标签在html的工厂实现类中会被翻译成：

<textarea name＝″content″></textarea>。

6：标签处理单元将解释后得到的网页内容分别发送给各个终端用户。

由于解释后得到的网页内容与终端所支持的网页版本能够保持一致，终端能够得到质量较高网页数据，从而能够提高网页在终端浏览器上的显示效果。

进一步的，本技术方案通过增加或者修改所述标签对所述统一模板进行更新，从而便于在页面上增加新功能，或者，引入新的页面版本。

本技术方案在明确定义所能够支持的标签的基础上，使用工厂模式分别提供对不同页面版本的支持，添加新版本的页面只需要新增一个新的工厂实现类即可，新增一个标签时只需要对每个工厂实现类增加一个输出标签的方法即可。

本发明实施例三还提供了一种提高多终端网页显示效果的装置，参见图3，所述装置包括：

网页版本识别单元31，用于利用接收到的终端的请求识别终端所支持的网页版本；

标签处理单元32，用于设置独立于页面版本的标签，所述标签定义了页面所能支持的语义功能，由所述标签组成统一模板；以及，通过工厂模式将所述统一模板转换为所述网页版本的终端所支持的网页，以在终端上显示相应网页。

进一步的，所述标签处理单元32包括工厂实现类创建模块和版本解释模块，

所述工厂实现类创建模块，用于创建所识别出的网页版本所对应的工厂实现类；

所述版本解释模块，用于利用所述工厂实现类对统一模板进行解释，得到所述终端的网页版本所支持的网页。

进一步的，所述装置还包括统一模板更新单元33，用于通过增加或者修改所述标签对所述统一模板进行更新。

本发明装置实施例中各单元和模块的具体工作方式参见本发明方法实施例。

本领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例或者实施例的某些部分所述的方法。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明保护的范围之内。

Claims

1.一种提高多终端网页显示效果的方法，其特征在于，所述方法包括：

利用工厂模式将所述统一模板转换为所述终端支持的网页版本对应的内容，以分别在各终端上显示相应网页。

2.根据权利要求1所述的方法，其特征在于，所述通过工厂模式将所述统一模板转换为所述终端的网页版本所支持的网页包括：

创建所识别出的网页版本所对应的工厂实现类；

利用所述工厂实现类对统一模板进行解释，得到所述终端的网页版本所支持的网页。

3.根据权利要求2所述的方法，其特征在于，利用所述工厂实现类对统一模板进行解释包括：

对于每一个标签，在工厂实现类中设置一个解释功能，所述解释功能将标签解释为对应的网页版本的语句。

4.根据权利要求1至3任一项所述的方法，其特征在于，所述方法包括：

通过增加或者修改所述标签对所述统一模板进行更新。

5.根据权利要求4所述的方法，其特征在于，

所述标签按照预定关系组成统一模板，将所述预定关系设置在所述标签中。

6.根据权利要求4所述的方法，其特征在于，

所述终端所支持的网页版本为下述的一种版本：

无线标记语言wml 1.2版本，wml2.0版本，文本标记语言html版本，html 5版本。

7.一种提高多终端网页显示效果的装置，其特征在于，所述装置包括：

8.根据权利要求7所述的装置，其特征在于，所述标签处理单元包括工厂实现类创建模块和版本解释模块，

9.根据权利要求7或8所述的装置，其特征在于，所述装置还包括统一模板更新单元，用于通过增加或者修改所述标签对所述统一模板进行更新。