一种确定网页布局的方法及服务器与流程

本发明涉及互联网技术领域，尤其涉及一种确定网页布局的方法及服务器。

背景技术：

伴随着科技的进步与时代的发展，各种类型的终端如笔记本电脑、智能手机、平板电脑、智能电视等不断涌现，并广泛地应用在人们的工作和生活中。由于笔记本电脑、智能手机、平板电脑、智能电视等不同类型终端的屏幕尺寸等方面存在差异，因此，针对于不同类型的终端设备若采用同一种网页布局方式，则会导致用户体验差，例如，若在智能手机中采用笔记本电脑的网页布局方式，则由于智能手机屏幕尺寸的限制，会导致网页无法完整显示或显示字体较小，用户无法正常查阅，用户体验较差。

为解决上述问题，现有技术中根据终端的系统平台、屏幕分辨率(或屏幕尺寸)、屏幕定向(或终端的手持方向)来区分不同类型的终端，从而对终端加载网页的页面布局进行相应的响应和调整。然而，近年来随着屏幕技术的发展，使得安卓系统的智能移动终端(如智能手机、平板电脑)的屏幕分辨率的不断提高，并且已很难与智能电视的屏幕分辨率区分。当用户以横屏方式使用智能移动终端时，由于其与同为安卓系统的智能电视的系统平台、屏幕分辨率、屏幕定向均相差不大，从而导致无法对终端类型进行有效区分，可能会出现将智能电视误判为智能移动终端的现象，使得智能电视误采用了智能移动终端的网页布局方式。由于用户对智能电视与智能移动终端的操作方式存在较大差异，例如，用户通常以触控方式操作智能移动终端，使用遥控器操作智能电视，因此，为安卓系统的智能电视应用与智能移动终端相同的网页布局时，使得用户的操作十分不便，从而严重影响用户体验。

综上，目前亟需要一种确定网页布局的方法，用以解决现有技术中无法对终端类型进行有效区分，而导致终端类型与终端的网页布局不匹配的技术问题。

技术实现要素：

本发明提供一种确定网页布局的方法及服务器，用于解决现有技术中无法对终端类型进行有效区分，而导致终端类型与终端的网页布局不匹配的问题。

本发明实施例提供的一种确定网页布局的方法，包括：

服务器获取终端使用的系统类型，确定出使用安卓系统的目标终端；

所述服务器获取用户对所述目标终端显示的网页的操作信息，其中，所述操作信息包括用户在操作所述目标终端的过程中所触发事件的类型；

所述服务器根据所述操作信息确定所述目标终端为智能电视，判断所述目标终端显示的网页的网页布局是否为智能电视的网页布局，若否，则将所述目标终端显示的网页布局更新为智能电视的网页布局。

可选地，所述服务器确定出使用安卓系统的目标终端之后，还包括：

所述服务器根据所述目标终端发送的待请求网页的标识信息，向所述目标终端发送第一网页布局的待请求网页；所述第一网页布局为所述安卓系统对应的预设网页布局。

可选地，所述触发事件包括keyevent事件。

可选地，所述所述服务器根据所述操作信息确定目标终端为智能电视包括：

所述服务器判断所述操作信息中的触发事件的类型是否为keyevent事件的类型，若是keyevent，则确定所述目标终端为智能电视。

可选地，所述操作信息还包括用户在操作所述目标终端的过程中所触发事件的次数；

所述服务器根据所述操作信息确定目标终端为智能电视，包括：

所述服务器判断从所述目标终端中获取的触发事件的类型和触发事件的次数是否满足预设条件，其中，所述触发事件的次数为所述目标终端在用户在操作所述目标终端的过程中，通过webstorage方式记录并存储的；

若满足预设条件，则确定所述目标终端为智能电视，其中，所述预设条件包括所述触发事件为keyevent并且所述触发事件的次数大于或等于预设阈值，预设阈值为正整数。

本发明实施例提供的一种服务器，包括：

确定模块，用于获取终端使用的系统类型，确定出使用安卓系统的目标终端；

获取模块，用于获取用户对所述目标终端显示的网页的操作信息，其中，所述操作信息包括用户在操作所述目标终端的过程中所触发事件的类型；

处理模块，用于根据所述操作信息确定所述目标终端为智能电视，判断所述目标终端显示的网页的网页布局是否为智能电视的网页布局，若否，则将所述目标终端显示的网页布局更新为智能电视的网页布局。

可选地，所述服务器还包括发送模块，所述发送模块用于：

根据所述目标终端发送的待请求网页的标识信息，向所述目标终端发送第一网页布局的待请求网页；所述第一网页布局为所述安卓系统对应的预设网页布局。

可选地，所述触发事件包括keyevent事件。

可选地，所述处理模块具体用于：

判断所述操作信息中的触发事件的类型是否为keyevent事件的类型，若是keyevent，则确定所述目标终端为智能电视。

可选地，所述操作信息还包括用户在操作所述目标终端的过程中所触发事件的次数；

所述处理模块还具体用于：

判断从所述目标终端中获取的触发事件的类型和触发事件的次数是否满足预设条件，其中，所述触发事件的次数为所述目标终端在用户在操作所述目标终端的过程中，通过webstorage方式记录并存储的；

若满足预设条件，则确定所述目标终端为智能电视，其中，所述预设条件包括所述触发事件为keyevent并且所述触发事件的次数大于或等于预设阈值，预设阈值为正整数。

本发明实施例中，服务器获取终端使用的系统类型，确定出使用安卓系统的目标终端，进而获取用户对目标终端显示的网页的操作信息，根据操作信息中包括的用户在操作所述目标终端的过程中所触发事件的类型，若在确定目标终端为智能电视，则判断目标终端显示的网页的网页布局是否为智能电视的网页布局，若否，则将目标终端显示的网页布局更改为智能电视的网页布局。由于服务器在确定终端为安卓系统的目标终端后，可根据用户对目标终端显示的网页的操作信息，进一步确定目标终端的类型是否为智能电视，从而可对安卓系统的智能电视与其它终端进行有效区分，并为智能电视显示与智能电视相匹配的网页布局，方便用户的操作，有效提高用户体验。

附图说明

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

图1为本发明实施例适用的一种系统架构示意图；

图2为本发明实施例中的一种确定网页布局的方法所对应的流程示意图；

图3为本发明实施例中的另一种确定网页布局的方法所对应的流程示意图；

图4为本发明实施例中的一种服务器的结构示意图。

具体实施方式

为了使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明作进一步地详细描述，显然，所描述的实施例，仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。

下面结合说明书附图对本发明实施例做进一步详细描述。

图1为本发明实施例适用的一种系统架构示意图，如图1所示，该系统架构中包括服务器101，一个或多个终端(如图1中的第一终端1021、第二终端1022、第三终端1023)，服务器101可以通过网络与第一终端1021、第二终端1022、第三终端1023进行通信。

具体来说，终端可通过安装在终端中的浏览器或其他类型的应用程序，访问服务器中的网站数据，并在接收到服务器通过网络发送的网页等信息后，向用户展示出相应的网页。相应地，服务器可在接收到终端的访问信息后，通过网络向终端发送网页、图片等多种类型的数据。

本发明实施例中，终端可以为多种类型的终端，例如笔记本电脑、智能手机、平板电脑、智能电视等。

本发明实施例中，终端使用的系统类型可以为PC终端适用的系统平台，如Windows、Linux等计算机操作系统，也可以为iOS系统、Android安卓系统等移动终端适用的系统平台。其中，Android安卓系统可以适用在智能手机、平板电脑和智能电视等多种类型的终端中。

图2为本发明实施例提供的一种确定网页布局的方法所对应的流程示意图，如图2所示，包括以下步骤201至步骤203：

步骤201：服务器获取终端使用的系统类型，确定出安卓系统的目标终端；

步骤202：所述服务器获取用户对所述目标终端显示的网页的操作信息；所述操作信息包括用户在操作所述目标终端的过程中所触发事件的类型；

步骤203：所述服务器根据所述操作信息确定所述目标终端为智能电视后，判断所述目标终端显示的网页的网页布局是否为智能电视的网页布局，若否，则将所述目标终端显示的网页布局更改为智能电视的网页布局。

由于服务器在确定终端为安卓系统的目标终端后，可根据用户对目标终端显示的网页的操作信息，进一步确定目标终端的类型是否为智能电视，从而可对安卓系统的智能电视与其它终端进行有效区分，并为智能电视显示与智能电视相匹配的网页布局，方便用户的操作，有效提高用户体验。

具体来说，服务器可接收终端发送的网页请求消息，所述网页请求消息中包括待请求网页的标识信息。本发明实施例中，终端可通过多种方式发送网页请求消息，例如，终端可通过发送HTTP请求的方式向服务器发送网页请求消息。网页请求消息中包含的待请求网页的标识信息可以是可以为待请求网页的网址，即URL(Uniform Resource Locator，统一资源定位符)或者，也可以为其它类型的标识信息，此处不做具体限制。

进而，在步骤201中，服务器获取到的终端使用的系统类型可以为多种类型的系统平台，如Windows系统、iOS系统或Android安卓系统。服务器根据终端使用的系统类型，确定出使用Android安卓系统的目标终端。具体的，服务器可通过navigator.userAgent方式获取终端使用的系统类型。

本发明实施例中，服务器可在确定出使用Android安卓系统的目标终端后，根据所述待请求网页的标识信息，向所述目标终端发送第一网页布局的待请求网页。其中，第一网页布局为所述安卓系统对应的预设网页布局，具体来说，预设网页布局可以为本领域技术人员根据实际需要为所述待请求网页设计的对应所述安卓系统的初始网页布局，或者，也可以为在服务器中为待请求网页预先设置的，适用于移动智能终端(如安卓系统的智能手机、平板电脑)的网页布局，又或者，也可以为安卓系统默认的网页布局。

相应地，目标终端接收到服务器返回的第一网页布局的待请求网页后，可向用户显示出第一网页布局的待请求网页，此时，用户可对目标终端显示的第一网页布局的待请求网页进行操作。

步骤202中，服务器获取用户对目标终端中显示的网页的操作信息。其中，用户对待请求网页的操作信息包括用户在操作所述目标终端的过程中所触发事件的类型，用于表示用户对目标终端的操作方式，即用户通过遥控器控制目标终端，还是通过鼠标或触控的方式控制目标终端。

具体的，服务器可通过多种方式获取用户对目标终端中显示的网页的操作信息，例如，可以通过对keyevent事件进行监听，获取用户对目标终端中显示的网页的操作信息，或者，也可以通过其他方式获取操作信息，此处不做限制。

以对keyevent事件进行监听为例，其中，确定目标终端类型的一种可能的实现方式为，若服务器确定用户触发了keyevent事件，则可确定用户使用遥控器控制目标终端，此时，服务器可将目标终端确定为智能电视；否则，服务器可确定目标终端为安卓系统的移动智能终端，如智能手机或平板电脑。

本发明实施例中，服务器还可采用另一种实现方式确定目标终端的类型，即进一步对用户触发keyevent事件的次数进行统计，并通过webstorage方式，将keyevent事件的触发次数存储在目标终端中，以使目标终端可根据用户对目标终端的操作对其中存储的keyevent事件的触发次数进行实时更新和存储；

服务器从所述目标终端中获取keyevent事件的触发次数，若确定获取到的keyevent事件的触发次数等于或者超过预设阈值，则可确定用户使用遥控器操作目标终端。

本发明实施例中，由于用户使用遥控器操作目标终端会触发keyevent事件，而用户使用触控或者其他方式操作目标终端时不会触发keyevent事件，而是触发touch事件或是其他事件。于是，服务器可通过用户对目标终端的操作信息，对目标终端的类型是智能电视还是移动智能终端进行更进一步的区分，从而为目标终端显示出适用于智能电视的网页布局。

在步骤203中，服务器确定目标终端为智能电视后，可进一步判断目标终端显示的网页的网页布局是否为智能电视的网页布局，若不是，则将目标终端显示的网页布局由初始网页布局更新为智能电视的网页布局。

服务器若确定目标终端不是智能电视，而是安卓系统的移动智能终端，即智能手机或者平板电脑后，则可不对目标终端显示的网页进行页面刷新，或者可以将目标终端终端显示的网页由初始网页布局更新为适用于移动智能终端的网页布局，此处不做限制。

本发明实施例中，服务器中预先存储有为待请求网页设计的安卓系统对应的第一网页布局和智能电视的网页布局，其中，为便于用户通过遥控器操作网页，智能电视的网页布局的页面设计较为简单。

下面以一个具体的实施例对本发明中的确定网页布局的方法进行说明。

如图3中的流程图所述，基于安卓平台的目标终端可在用户的操作下向服务器请求加载某一网页，服务器默认为该目标终端加载安卓平台的预设网页，并随即开启对keyevent事件的监听。此后，用户可通过遥控器操控智能电视中的应用，而且，在用户操作智能电视的过程中，服务器可判断因用户的操作而触发的事件的类型，或者同时统计触发事件的类型及keyevent事件触发的次数，并通过webstorage方式将keyevent事件的触发次数存储在目标终端中。由于服务器可对智能电视中的keyevent事件的触发次数进行实时更新，因而，服务器可根据从目标终端中实时获取到keyevent事件的统计信息(即触发事件的类型是否为keyevent事件或者keyevent事件的触发次数)，确定出用户操作目标终端的方式，以判断目标终端的类型。若服务器确定目标终端为智能电视，则为目标终端加载该网页中智能电视对应的CSS版本，相应地，目标终端显示出智能电视的网页布局的对应的网页，相反，则不刷新网页。

本发明实施例还提供了一种服务器，如图4所示，所述服务器400包括：

确定模块401，用于获取终端使用的系统类型，确定出使用安卓系统的目标终端；

获取模块402，用于获取用户对所述目标终端显示的网页的操作信息，其中，所述操作信息包括用户在操作所述目标终端的过程中所触发事件的类型；

处理模块403，用于根据所述操作信息确定所述目标终端为智能电视，判断所述目标终端显示的网页的网页布局是否为智能电视的网页布局，若否，则将所述目标终端显示的网页布局更新为智能电视的网页布局。

可选地，所述服务器400还包括发送模块404，所述发送模块404用于：

根据所述目标终端发送的待请求网页的标识信息，向所述目标终端发送第一网页布局的待请求网页；所述第一网页布局为所述安卓系统对应的预设网页布局。

可选地，所述触发事件包括keyevent事件。

可选地，所述处理模块403具体用于：

判断所述操作信息中的触发事件的类型是否为keyevent事件的类型，若是keyevent，则确定所述目标终端为智能电视。

可选地，所述操作信息还包括用户在操作所述目标终端的过程中所触发事件的次数；

所述处理模块403还具体用于：

判断从所述目标终端中获取的触发事件的类型和触发事件的次数是否满足预设条件，其中，所述触发事件的次数为所述目标终端在用户在操作所述目标终端的过程中，通过webstorage方式记录并存储的；

若满足预设条件，则确定所述目标终端为智能电视，其中，所述预设条件包括所述触发事件为keyevent并且所述触发事件的次数大于或等于预设阈值，预设阈值为正整数。

由上述内容可以看出：

本发明实施例中，服务器获取终端使用的系统类型，确定出使用安卓系统的目标终端，进而获取用户对目标终端显示的网页的操作信息，根据操作信息中包括的用户在操作所述目标终端的过程中所触发事件的类型，若在确定目标终端为智能电视，则判断目标终端显示的网页的网页布局是否为智能电视的网页布局，若否，则将目标终端显示的网页布局更改为智能电视的网页布局。由于服务器在确定终端为安卓系统的目标终端后，可根据用户对目标终端显示的网页的操作信息，进一步确定目标终端的类型是否为智能电视，从而可对安卓系统的智能电视与其它终端进行有效区分，并为智能电视显示与智能电视相匹配的网页布局，方便用户的操作，有效提高用户体验。

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

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

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

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

尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。

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