CN105868276A - 网页显示方法及装置 - Google Patents

Abstract

本发明实施例公开了一种网页显示方法及装置，服务器接收客户端发送的网页访问请求，并获取发送该网页访问请求的客户端的标识信息，利用该标识信息能够确定客户端的名称。获取该客户端的页面排版模板，然后，根据获得的页面排版模板，对网页访问请求所请求的页面内容进行排版，生成待访问网页，并将该待访问网页返回给发送网页访问请求的客户端。从而实现无论使用哪种客户端打开该网页，该网页都能够根据客户端的页面排版样式重新调整自己的页面排版样式，以使客户端显示的其它网站的页面与自身页面的排版方式一致，使用户的视觉感受一致，提高了用户体验。而且，页面排版模板一旦生成后续可以直接套用，提高网页生成速度。

Description

网页显示方法及装置

技术领域

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

背景技术

在万维网环境中，网页(网络页面)是承载各种网站应用的平台。网页是一个包含HTML(HyperText Markup Language，超级文本标记语言)的纯文本文件，网页的元素包括文本、图像、动画、声音、视频、程序、表格、导航栏等。可以通过浏览器或其它智能终端上的应用程序(Application，APP)阅读。

不同网站的页面排版方式不尽相同，例如，有些页面的文字与图片分开显示；有些页面是文字浮于图片之上显示；有些页面的区块是横向单栏设置，有些页面的区块是横向多栏设置，页面样式不一致。然而，通常同一网站的页面排版设计完成后，其页面样式也就固定了，当用户采用不同的平台阅读该网页时，都向用户呈现已经排版设计好的固定样式。例如，用户通过某个视频应用程序打开一个视频网页，与通过某个浏览器打开该视频网页，该视频网页的页面样式相同。即用户通过某个平台打开的网页样式与该平台的页面样式不一致，会使用户的视觉感受前后不一致，产生跳跃、突兀感，用户体验差。

发明内容

本发明实施例中提供了一种网页显示方法及装置，以解决上述技术问题。

第一方面，本发明实施例提供一种网页显示方法，包括：

接收客户端发送的网页访问请求，获取所述客户端的标识信息；

获取所述标识信息对应的客户端的页面排版模板；

根据所述页面排版模板，对所述网页访问请求所请求的网页内容进行排版，得到待访问网页；

发送所述待访问网页至客户端。

可选地，所述方法还包括：

获取各个客户端的页面排版结构，所述页面排版结构包括页面元素搭配方式和色彩信息；

根据所述页面排版结构生成与所述各个客户端的页面排版相匹配的页面排版模板；

建立所述各个客户端的标识信息与所述页面排版模板之间的映射关系，得到页面模板库。

可选地，所述获取所述标识信息对应的客户端的页面排版模板，包括：

从所述页面模板库中查询与所述客户端的标识信息相对应的页面排版模板。

可选地，所述获取各个客户端的页面排版结构，包括：

获取所述客户端的页面，并分析所述页面获得所述客户端的页面排版结构。

可选地，所述获取所述客户端的标识信息，包括：

接收网页抓取的所述客户端的标识信息；

或者，

接收所述客户端发送的所述客户端的标识信息。

第二方面，本发明实施例提供一种网页显示装置，包括：

第一获取模块，用于接收客户端发送的网页访问请求，并获取所述客户端的标识信息；

第二获取模块，用于获取所述标识信息对应的客户端的页面排版模板；

页面生成模块，用于根据所述页面排版模板，对所述网页访问请求所请求的网页内容进行排版，得到待访问网页；

发送模块，发送所述待访问网页至客户端。

可选地，所述装置还包括：

第三获取模块，用于获取各个客户端的页面排版结构，所述页面排版结构包括页面元素搭配方式和色彩信息；

模板生成模块，用于根据所述页面排版结构生成与所述各个客户端的页面排版相匹配的页面排版模板；

模板库建立模块，用于建立所述各个客户端的标识信息与所述页面排版模板之间的映射关系，得到页面模板库。

可选地，所述第二获取模块用于：从所述页面模板库中查询与所述客户端的标识信息相对应的页面排版模板。

可选地，所述第三获取模块用于：获取所述客户端的页面，并分析所述页面获得所述客户端的页面排版结构。

可选地，所述第一获取模块，包括：

第一接收子模块，用于接收网页抓取的所述客户端的标识信息；

或者，

第二接收子模块，用于接收所述客户端发送的所述客户端的标识信息。

由以上技术方案可见，本发明实施例提供的网页显示方法及装置，服务器接收客户端发送的网页访问请求，并获取发送该网页访问请求的客户端的标识信息，利用该标识信息能够确定客户端的名称。获取该客户端的页面排版模板，然后，根据获得的页面排版模板，对网页访问请求所请求的页面内容进行排版，生成待访问网页，并将该待访问网页发送给相应的客户端。从而实现根据打开该网页的客户端的页面样式调整待访问网页的页面排版样式，即无论使用哪种客户端打开该网页，该网页都能够根据客户端的页面排版样式重新调整自己的页面排版样式，以使客户端显示的其它网站的页面与自身页面的排版方式一致，使用户的视觉感受一致，提高用户体验。

附图说明

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

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

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

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

图4为本发明实施例一种网页显示装置的框图；

图5为本发明实施例另一种网页显示装置的框图。

具体实施方式

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

参见图1，为本发明实施例提供的一种网页显示方法的流程示意图，该方法应用于服务器中。如图1所示，该方法包括：

S110，服务器接收客户端发送的网页访问请求，并获取所述客户端的标识信息。

客户端可以是终端设备上运行的各种应用平台，例如，智能手机或平板电脑等智能移动设备上安装的能够打开网页的应用程序(如，浏览器或其它应用平台)。

服务器根据标识信息能够确定客户端的名称，例如，搜狐视频应用、UC浏览器等。

在本申请的一些实施例中，在网页运行页面上插入用于获取客户端的标识信息的代码程序，当客户端打开网页之前，运行所述代码程序从而获取运行该网页的客户端的标识信息；然后，将获得的客户端的标识信息发送给服务器。

在本申请的其它实施例中，服务器可以被动接收客户端发送的标识信息，例如，该标识信息可以携带在客户端所发送的网页访问请求中；服务器接收到客户端发送的网页访问请求后，从该网页访问请求中可以提取出客户端的标识信息。

S120，服务器获取所述标识信息对应的客户端的页面排版模板。

服务器预先获取各种客户端的页面排版结构，并生成对应的页面排版模板。当根据标识信息确定发送网页访问请求的客户端后，从预先生成的页面排版模板中获取该客户端对应的页面排版模板。

S130，服务器根据所述页面排版模板，对所述网页访问请求所请求的网页内容进行排版，得到待访问网页。

服务器将客户端所请求访问的网页的内容按照该客户端的页面排版模板进行重新排版，生成待访问网页。

例如，客户端的页面区块是横向单栏设置，生成横向单栏的页面排版模板；如果客户端所请求访问的网页的页面区块是横向多栏设置，则根据客户端横向单栏排版方式，将客户端所请求访问的网页区块调整成横向单栏设置。

S140，服务器向所述客户端发送所述待访问网页。

服务器将按照网页排版模板生成的待访问网页发送给客户端，以使客户端显示该网页。

本实施例提供的网页显示方法，根据打开该网页的客户端的页面样式调整待访问网页的页面排版样式，即无论使用哪种客户端打开该网页，该网页都能够根据客户端的页面排版样式重新调整自己的页面排版样式，以使客户端显示的其它网站的页面与自身页面的排版方式一致，使用户的视觉感受一致，提高了用户体验。

参见图2，为本发明实施例提供的另一种网页显示方法的流程示意图，该方法在图1所示方法的基础上还包括以下步骤：

S210，服务器获取各个客户端的页面排版结构；所述页面排版结构包括页面元素搭配方式和色彩信息。

在本申请的一些实施例中，可以由网页研发人员调研分析各个主流客户端的页面排版结构，即网页研发人员获取各个客户端的页面排版样式，例如，网页元素的搭配方式、色彩信息等。

在本申请的其它实施例中，可以由服务器抓取客户端的页面，进而分析页面的排版结构。

S220，服务器根据所述页面排版结构生成与所述各个客户端的页面样式相匹配的页面排版模板。

服务器根据客户端的页面排版结构，生成与客户端的页面样式一致的页面排版模板。

S230，服务器建立所述各个客户端的标识信息与所述页面排版模板之间的映射关系，得到页面模板库。

生成页面模板库后，当服务器获得客户端的标识信息后，可以根据该标识信息从页面模板库中查询获得与该标识信息相匹配的页面排版模板。

需要说明的是，预先生成的页面排版模板的过程只需执行一次，后续可以直接套用之前生成的页面排版模板。

参见图3，为本申请实施例提供的又一种网页显示方法的流程示意图，为了便于理解，本实施例结合客户端和服务器进行说明；如图3所示，该网页显示方法可以包括以下步骤：

S310，服务器获取各个客户端的页面排版结构。

S320，服务器根据页面排版结构生成与所述各个客户端的页面样式相匹配的页面排版模板。

S330，服务器建立各个客户端的标识信息与所述页面排版模板之间的映射关系，得到页面模板库。

S340，客户端获得网页访问操作指令后，向对应的网页服务器发送网页访问请求。

例如，视频应用客户端获得用户点击某个视频资源的操作后，视频应用客户端会向该视频资源对应的服务器发送网页访问请求。

S350，服务器获取发送网页访问请求的客户端对应的标识信息。

S360，服务器获取标识信息对应客户端的页面排版模板。

S370，服务器该客户端对应的页面排版模板，对客户端所请求访问的网页内容按照进行排版，得到待访问网页。

例如，客户端的页面区块是横向单栏设置，生成横向单栏的页面排版模板；如果客户端所请求访问的网页的页面区块是横向多栏设置，则根据客户端横向单栏排版方式，将客户端所请求访问的网页区块调整成横向单栏设置。

S380，服务器向客户端发送待访问网页。

S390，客户端展示接收到的待访问网页。

本实施例提供的网页显示方法，服务器在接收到客户端发送的网页访问请求后，获取发送该网页访问请求的客户端的标识信息，利用该标识信息能够确定客户端的名称。获取该客户端的页面排版模板，然后，将网页访问请求所请求的页面内容按照获得的页面排版模板进行排版，生成待访问网页，并将该待访问网页返回给发送网页访问请求的客户端。从而实现根据打开该网页的客户端的页面样式调整待访问网页的页面排版样式，即无论使用哪种客户端打开该网页，该网页都能够根据客户端的页面排版样式重新调整自己的页面排版样式，以使客户端显示的其它网站的页面与自身页面的排版方式一致，使用户的视觉感受一致，提高了用户体验。而且，页面排版模板一旦生成后续可以直接套用，提高网页生成速度。

通过以上的方法实施例的描述，所属领域的技术人员可以清楚地了解到本发明可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：只读存储器(ROM)、随机存取存储器(RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

与本发明提供的网页显示方法实施例相对应，本发明还提供了网页显示装置实施例。

参见图4，为本发明实施例提供的一种网页显示装置的结构示意图，该装置应用于服务器中，如图4所示，该网页显示装置包括：第一获取模块110、第二获取模块120、页面生成模块130和发送模块140。

第一获取模块110，用于接收客户端发送的网页访问请求，并获取所述客户端的标识信息。

客户端可以是终端设备上运行的各种应用平台，例如，智能手机或平板电脑等智能移动设备上安装的能够打开网页的应用程序。

服务器根据标识信息能够确定客户端的名称，例如，搜狐视频应用、UC浏览器等。

在本申请的一些实施例中，第一获取模块可以包括第一接收子模块，该第一接收子模块用于接收网页抓取的运行该网页的客户端的标识信息。具体的，在网页运行页面上插入用于获取客户端的标识信息的代码程序，当客户端打开网页之前，运行所述代码程序从而获取运行该网页的客户端的标识信息；然后，网页将获得的客户端的标识信息发送给服务器。

在本申请的其它实施例中，第一获取模块可以包括第二接收子模块，该第一接收子模块用于接收客户端发送的所述客户端的标识信息。具体的，服务器可以被动接收客户端发送的标识信息，例如，该标识信息可以携带在客户端所发送的网页访问请求中；服务器接收到该网页访问请求后，从网页访问请求中提取出客户端的标识信息。

第二获取模块120，用于获取所述标识信息对应的客户端的页面排版模板。

服务器预先获取各种客户端的页面排版结构，并生成对应的页面排版模板。当根据标识信息确定发送网页访问请求的客户端后，从预先生成的页面排版模板中获取该客户端对应的页面排版模板。

页面生成模块130，用于根据所述页面排版模板，对所述网页访问请求所请求的网页内容进行排版，得到待访问网页。

例如，客户端的页面区块是横向单栏设置，生成横向单栏的页面排版模板；如果客户端所请求访问的网页的页面区块是横向多栏设置，则根据客户端横向单栏排版方式，将客户端所请求访问的网页区块调整成横向单栏设置。

发送模块140，用于向所述客户端发送所述待访问网页。

服务器将按照网页排版模板生成的待访问网页发送给客户端，以使客户端显示该网页。

本实施例提供的网页显示装置，根据打开该网页的客户端的页面样式调整待访问网页的页面排版样式，即无论使用哪种客户端打开该网页，该网页都能够根据客户端的页面排版样式重新调整自己的页面排版样式，以使客户端显示的其它网站的页面与自身页面的排版方式一致，使用户的视觉感受一致，提高了用户体验。

参见图5，为本发明实施例另一种网页显示装置的框图，该装置在图4所示实施例的基础上还包括第三获取模块210、模板生成模块220和模板库建立模块230。

第三获取模块210，用于获取各个客户端的页面排版结构，所述页面排版结构包括页面元素搭配方式和色彩信息。

在本申请的一些实施例中，可以由网页研发人员调研各个主流客户端的页面排版结构，即网页研发人员获取各个客户端的页面排版样式，例如，网页元素的搭配方式、色彩信息等。

在本申请的其它实施例中，第三获取模块用于抓取客户端的页面，进而分析页面的排版结构。

模板生成模块220，用于根据所述页面排版结构生成与所述各个客户端的页面排版相匹配的页面排版模板。

模板库建立模块230，用于建立所述各个客户端的标识信息与所述页面排版模板之间的映射关系，得到页面模板库。

生成页面模板库后，第二获取模块120可以根据第一获取模块获得的客户端的标识信息，从模板库建立模块230建立的页面模板库中查询获得与该标识信息相匹配的页面排版模板。

需要说明的是，预先生成的页面排版模板的过程只需执行一次，后续可以直接套用之前生成的页面排版模板。

本实施例提供的网页显示装置，能够根据打开网页的客户端的页面样式调整待访问网页的页面排版样式，即无论使用哪种客户端打开该网页，该网页都能够根据客户端的页面排版样式重新调整自己的页面排版样式，以使客户端显示的其它网站的页面与自身页面的排版方式一致，使用户的视觉感受一致，提高了用户体验。而且，页面排版模板一旦生成后续可以直接套用，提高网页生成速度。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置或系统实施例而言，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的装置及系统实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅是本发明的具体实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (10)

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

接收客户端发送的网页访问请求，获取所述客户端的标识信息；

获取所述标识信息对应的客户端的页面排版模板；

根据所述页面排版模板，对所述网页访问请求所请求的网页内容进行排版，得到待访问网页；

发送所述待访问网页至客户端。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

获取各个客户端的页面排版结构，所述页面排版结构包括页面元素搭配方式和色彩信息；

根据所述页面排版结构生成与所述各个客户端的页面排版相匹配的页面排版模板；

建立所述各个客户端的标识信息与所述页面排版模板之间的映射关系，得到页面模板库。

3.根据权利要求2所述的方法，其特征在于，所述获取所述标识信息对应的客户端的页面排版模板，包括：

从所述页面模板库中查询与所述客户端的标识信息相对应的页面排版模板。

4.根据权利要求2所述的方法，其特征在于，所述获取各个客户端的页面排版结构，包括：

获取所述客户端的页面，并分析所述页面获得所述客户端的页面排版结构。

5.根据权利要求1所述的方法，其特征在于，所述获取所述客户端的标识信息，包括：

接收网页抓取的所述客户端的标识信息；

或者，

接收所述客户端发送的所述客户端的标识信息。

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

第一获取模块，用于接收客户端发送的网页访问请求，并获取所述客户端的标识信息；

第二获取模块，用于获取所述标识信息对应的客户端的页面排版模板；

页面生成模块，用于根据所述页面排版模板，对所述网页访问请求所请求的网页内容进行排版，得到待访问网页；

发送模块，发送所述待访问网页至客户端。

7.根据权利要求6所述的装置，其特征在于，所述装置还包括：

第三获取模块，用于获取各个客户端的页面排版结构，所述页面排版结构包括页面元素搭配方式和色彩信息；

模板生成模块，用于根据所述页面排版结构生成与所述各个客户端的页面排版相匹配的页面排版模板；

模板库建立模块，用于建立所述各个客户端的标识信息与所述页面排版模板之间的映射关系，得到页面模板库。

8.根据权利要求7所述的装置，其特征在于，所述第二获取模块用于：从所述页面模板库中查询与所述客户端的标识信息相对应的页面排版模板。

9.根据权利要求7所述的装置，其特征在于，所述第三获取模块用于：获取所述客户端的页面，并分析所述页面获得所述客户端的页面排版结构。

10.根据权利要求6所述的装置，其特征在于，所述第一获取模块，包括：

第一接收子模块，用于接收网页抓取的所述客户端的标识信息；

或者，

第二接收子模块，用于接收所述客户端发送的所述客户端的标识信息。