CN113220297A - 网页样式动态生成方法及装置、存储介质及电子设备 - Google Patents

Abstract

本公开提供了一种网页样式动态生成方法、装置、电子设备及存储介质，涉及计算机技术领域。该方法包括：响应于接收到的待转换网页数据，获取在本地客户端存储的偏好布局规则模型；从所述偏好布局规则模型中选出用于所述待转换网页数据的待应用布局规则；基于所述待应用布局规则对所述待转换网页数据进行样式布局调整，生成布局调整后的网页。该方法可以根据接收到的待转换网页数据和存储在本地的偏好布局规则模型，得到可应用于待转换网页数据待应用布局规则，进而可以基于待应用布局规则对待转换网页的布局样式进行个性化调整，从而使待转换网页以满足本地用户使用习惯或个性化需求的布局样式进行展示。

Description

网页样式动态生成方法及装置、存储介质及电子设备

技术领域

本公开涉及计算机技术领域，尤其涉及一种网页样式动态生成方法及装置、存储介质及电子设备。

背景技术

随着移动互联网应用越来越广泛，在客户端网页上进行浏览操作成为用户使用互联网的一种重要途径；用户在客户端网页进行操作时，网页中的各部分通常是以某种方式布局加载然后展示给用户；其中网页样式布局的展示，时常影响着用户对网页的使用体验。

相关技术中，网页的布局样式通常是由研发人员编写开发，以编写开发好的固定的样式展示给用户。相关技术中当需要调整网页样式布局时，通常是由研发人员修改网页开发代码而实现，这种方法不仅过程繁琐效率低下，且调整后的结果也不一定满足用户个性化需求。

需要说明的是，在上述背景技术部分公开的信息仅用于加强对本公开的背景的理解，因此可以包括不构成对本领域普通技术人员已知的现有技术的信息。

发明内容

本公开的目的在于提供一种网页样式动态生成方法、装置、电子设备及存储介质，以解决相关技术中调整网页样式布局的方式过于繁琐效率低下以及调整结果不满足用户个性化需求的问题。

本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。

根据本公开的一个方面，提供一种网页样式动态生成方法，包括：

响应于接收到的待转换网页数据，获取在本地客户端存储的偏好布局规则模型；从偏好布局规则模型中选出用于待转换网页数据的待应用布局规则；基于待应用布局规则对待转换网页数据进行样式布局调整，生成布局调整后的网页。

在本公开一个实施例中，本地客户端中存储的偏好布局规则模型是采用以下方式得到的：获取在本地客户端存储的用户历史行为数据；根据用户历史行为数据确定用户操作网页的偏好行为特征数据；获取布局规则总集，以根据偏好行为特征数据和布局规则总集确定偏好布局规则模型。

在本公开一个实施例中，根据用户历史行为数据确定用户操作网页的偏好行为特征数据，包括：根据用户历史行为数据确定在本地客户端存储的历史网页数据与历史行为的对应关系；解析历史网页数据得到一个或多个视图单元，确定视图单元与历史行为中操作类型的对应关系，进而确定各操作类型对应的视图单元集合；根据各操作类型对应的视图单元集合中视图单元的属性值，确定各操作类型对应的视图单元的属性值频次排序，以作为偏好行为特征数据。

在本公开一个实施例中，操作类型包括：点击操作、拖拽操作、复制粘贴操作中的至少一个；视图单元的属性值包括：视图单元在各属性维度下的属性值；属性维度包括：html标签维度、css样式维度和内容维度中的至少一个。

在本公开一个实施例中，根据偏好行为特征数据和布局规则总集确定偏好布局规则模型，包括：基于各操作类型的属性值偏好条件，从偏好行为特征数据中确定出各操作类型下用户对视图单元的偏好属性值，以记录各操作类型与偏好属性值的对应关系；将布局规则总集中各操作类型对应的布局样式，作为相同操作类型对应的偏好属性值的布局样式，得到偏好属性值与布局样式的对应关系；将偏好属性值与布局样式的对应关系作为偏好布局规则模型。

在本公开一个实施例中，从偏好布局规则模型中选出用于待转换网页数据的待应用布局规则，包括：解析待转换网页数据得到一个或多个待转换视图单元，以及待转换视图单元在各属性维度下的属性值；其中，属性维度包括：html标签维度、css样式维度和内容维度中的至少一个；当待转换视图单元的属性值中存在偏好属性值，根据偏好布局规则模型中与偏好属性值对应的布局样式，确定待转换视图单元的布局样式，以作为待转换网页数据的待应用布局规则。

在本公开一个实施例中，基于待应用布局规则对待转换网页数据进行样式布局调整，生成布局调整后的网页，包括：根据待应用布局规则生成网页框架代码；利用网页框架代码和待转换视图单元，生成网页布局调整代码；利用网页布局调整代码生成布局调整后的网页。

在本公开一个实施例中，上述的网页样式动态生成方法还包括：记录用户在布局调整后的网页上的操作行为，以更新在本地客户端存储的用户历史行为数据，进而基于更新后的用户历史行为数据更新在本地客户端存储的偏好布局规则模型。

根据本公开的另一个方面，提供一种网页样式动态生成装置，包括：

获取模块，用于响应于接收到的待转换网页数据，获取在本地客户端存储的偏好布局规则模型；应用模块，用于从所述偏好布局规则模型中选出用于所述待转换网页数据的待应用布局规则；生成模块，用于根据所述待应用布局规则和所述待转换网页数据生成网页布局调整代码，以利用所述网页布局调整代码生成布局调整后的网页。

在本公开一个实施例中，本地客户端中存储的偏好布局规则模型是采用以下方式得到的：所述获取模块获取在本地客户端存储的用户历史行为数据；根据用户历史行为数据确定用户操作网页的偏好行为特征数据；获取布局规则总集，以根据偏好行为特征数据和布局规则总集确定偏好布局规则模型。

在本公开一个实施例中，所述获取模块根据用户历史行为数据确定用户操作网页的偏好行为特征数据，包括：根据用户历史行为数据确定在本地客户端存储的历史网页数据与历史行为的对应关系；解析历史网页数据得到一个或多个视图单元，确定视图单元与历史行为中操作类型的对应关系，进而确定各操作类型对应的视图单元集合；根据各操作类型对应的视图单元集合中视图单元的属性值，确定各操作类型对应的视图单元的属性值频次排序，以作为偏好行为特征数据。

在本公开一个实施例中，操作类型包括：点击操作、拖拽操作、复制粘贴操作中的至少一个；视图单元的属性值包括：视图单元在各属性维度下的属性值；属性维度包括：html标签维度、css样式维度和内容维度中的至少一个。

在本公开一个实施例中，所述获取模块根据偏好行为特征数据和布局规则总集确定偏好布局规则模型，包括：基于各操作类型的属性值偏好条件，从偏好行为特征数据中确定出各操作类型下用户对视图单元的偏好属性值，以记录各操作类型与偏好属性值的对应关系；将布局规则总集中各操作类型对应的布局样式，作为相同操作类型对应的偏好属性值的布局样式，得到偏好属性值与布局样式的对应关系；将偏好属性值与布局样式的对应关系作为偏好布局规则模型。

在本公开一个实施例中，所述应用模块从偏好布局规则模型中选出用于待转换网页数据的待应用布局规则，包括：解析待转换网页数据得到一个或多个待转换视图单元，以及待转换视图单元在各属性维度下的属性值；其中，属性维度包括：html标签维度、css样式维度和内容维度中的至少一个；当待转换视图单元的属性值中存在偏好属性值，根据偏好布局规则模型中与偏好属性值对应的布局样式，确定待转换视图单元的布局样式，以作为待转换网页数据的待应用布局规则。

在本公开一个实施例中，所述生成模块基于待应用布局规则对待转换网页数据进行样式布局调整，生成布局调整后的网页，包括：根据待应用布局规则生成网页框架代码；利用网页框架代码和待转换视图单元，生成网页布局调整代码；利用网页布局调整代码生成布局调整后的网页。

在本公开一个实施例中，所述获取模块还用于：记录用户在布局调整后的网页上的操作行为，以更新在本地客户端存储的用户历史行为数据，进而基于更新后的用户历史行为数据更新在本地客户端存储的偏好布局规则模型。

根据本公开的又一个方面，提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述的网页样式动态生成方法。

根据本公开的再一个方面，提供一种电子设备，包括：处理器；以及存储器，用于存储所述处理器的可执行指令；其中，所述处理器配置为经由执行所述可执行指令来执行上述的网页样式动态生成方法。

本公开的实施例所提供的网页样式动态生成方法，能够根据接收到的待转换网页数据和存储在本地的偏好布局规则模型，得到可应用于待转换网页数据待应用布局规则，进而可以基于待应用布局规则对待转换网页的布局样式进行个性化调整，从而使待转换网页以满足本地用户使用习惯或个性化需求的布局样式进行展示。

进一步，本公开实施例提供的网页样式动态生成方法还可以记录用户的操作行为以更新在本地存储的用户历史行为数据，用户历史行为数据可以用于更新上述偏好布局规则模型。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1示出了可以应用本公开实施例的网页样式动态生成方法的示例性系统架构的示意图；

图2示出了本公开一个实施例的网页样式动态生成方法的流程图；

图3示出了本公开一个实施例的网页样式动态生成方法中确定偏好布局规则模型的流程图；

图4示出了本公开一个实施例的网页样式动态生成方法的流程图；

图5示出了本公开一个实施例的实现网页样式动态生成方法的系统架构示意图；

图6示出了本公开一个实施例的网页样式动态生成装置的框图；和

图7示出了本公开实施例中一种网页样式动态生成计算机设备的结构框图。

具体实施方式

现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本公开将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。

此外，附图仅为本公开的示意性图解，并非一定是按比例绘制。图中相同的附图标记表示相同或类似的部分，因而将省略对它们的重复描述。附图中所示的一些方框图是功能实体，不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。

此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本公开的描述中，“多个”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。

针对上述相关技术中存在的技术问题，本公开实施例提供了一种网页样式动态生成方法，以用于至少解决上述技术问题中的一个或者全部。

图1示出了可以应用本公开实施例的网页样式动态生成方法的示例性系统架构的示意图，如图1所示：

该系统架构可以包括服务器101、网络102和客户端103。网络102用以在客户端103和服务器101之间提供通信链路的介质。网络102可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

服务器101可以是提供各种服务的服务器，例如对用户利用客户端103所请求的网页提供资源下载的后台管理服务器。后台管理服务器可以接收用户发送的对网页数据的请求，并将网页数据的请求结果反馈给客户端103。

客户端103可以是手机、游戏主机、平板电脑、电子书阅读器、智能眼镜、智能家居设备、AR(Augmented Reality，增强现实)设备、VR(Virtual Reality，虚拟现实)设备等移动终端，或者，客户端103也可以是个人计算机，比如膝上型便携计算机和台式计算机等等。

在一些可选的实施例中，客户端103还可以存储用户历史行为数据、可以存储根据用户历史行为数据得到的偏好布局规则模型、可以存储包含有所有用于调整布局的布局样式的布局规则总集，其中，偏好布局规则模型可以看作是根据用户行为生成的个性化规则集，可以用于将新请求的网页调整为满足用户个性化布局需求的网页；客户端103可以为操作人员提供网页操作、网页展示等功能，并记录操作人员对网页的操作行为；客户端103记录操作行为后可以将操作行为存储于本地，以用于更新本地的用户历史行为数据，进而更新本地的偏好布局规则模型。

在一些可选的实施例中，上述布局规则总集也可以存储于服务器101，在需要时可以被客户端103请求调用。

应该理解，图1中的客户端、网络和服务器的数目仅仅是示意性的，服务器101可以是一个实体的服务器，还可以为多个服务器组成的服务器集群，还可以是云端服务器，根据实际需要，可以具有任意数目的客户端、网络和服务器。

下面，将结合附图及实施例对本公开示例实施例中的网页样式动态生成方法的各个步骤进行更详细的说明。

图2示出了本公开一个实施例的网页样式动态生成方法的流程图。本公开实施例提供的方法可以由如图1所示的服务器或客户端中执行，但本公开并不限定于此。

在下面的举例说明中，以服务器集群101为执行主体进行示例说明。

如图2所示，本公开实施例提供的网页样式动态生成方法可以包括以下步骤：

响应于接收到的待转换网页数据，获取在本地客户端存储的偏好布局规则模型；从偏好布局规则模型中选出用于待转换网页数据的待应用布局规则；基于待应用布局规则对待转换网页数据进行样式布局调整，生成布局调整后的网页。

步骤S201，响应于接收到的待转换网页数据，获取在本地客户端存储的偏好布局规则模型。其中，待转换网页可以是用户在客户端点击一链接或输入一网址后向服务器请求展示的网页。在现有相关技术中，待转换网页在不同客户端上将会基于网页源代码以默认的布局样式进行布局展示，从而无法产生不同的样式效果以满足用户的使用习惯或个性化需求。而在本公开提供的方法中，可以在请求到待转换网页数据后，先获取本地存储的偏好布局规则模型，本地存储的偏好布局规则模型可以是基于已记录的用户行为得到的，可以指示着用户的使用习惯，如：当网页中同时存在视频和图片时用户更喜欢点击图片；又如：对于网页中的文本信息，当文本信息中存在“AAA”字段时，用户经常对其进行复制；该偏好布局规则模型可以在后续步骤中用于网页布局样式的个性化调整，以满足用户的使用习惯或个性化需求，提升用户的使用体验。

步骤S203，从偏好布局规则模型中选出用于待转换网页数据的待应用布局规则。偏好布局规则模型中可以包含用户所有偏好的布局规则，可以从偏好布局规则模型中选出与待转换网页数据有关的布局规则，作为待应用布局规则，进而将待应用布局规则应用在后续步骤中以实现对待转换网页布局样式的个性化调整。

步骤S205，基于待应用布局规则对待转换网页数据进行样式布局调整，生成布局调整后的网页。在确定出针对于待转换网页数据的待应用布局规则后，可以先生成网页框架代码，再结合待转换网页数据中的具体内容，如各模块原有的内容信息、html标签信息等，在网页框架代码的基础上生成最终的网页布局调整代码，进而直接利用网页布局调整代码生成布局调整后的网页，在客户端上以满足用户的使用习惯或个性化需求的样式展示给用户。

使用本公开的实施例所提供的网页样式动态生成方法，能够根据接收到的待转换网页数据和存储在本地的偏好布局规则模型，得到可应用于待转换网页数据待应用布局规则，进而可以基于待应用布局规则对待转换网页的布局样式进行个性化调整，从而使待转换网页以满足本地用户使用习惯或个性化需求的布局样式进行展示，提高用户的使用体验。

除了可以将网页以满足用户个性化需求的样式进行展示，在实际应用中，还可以对其他的可重新布局的对象进行调整；如：在桌面程序的展示界面中也存在布局样式，也可以使用与本公开提供的网页样式动态生成方法类似的样式调整方法。

在本公开一个实施例中，本地客户端中存储的偏好布局规则模型是采用以下方式得到的：获取在本地客户端存储的用户历史行为数据；根据用户历史行为数据确定用户操作网页的偏好行为特征数据；获取布局规则总集，以根据偏好行为特征数据和布局规则总集确定偏好布局规则模型。

在本地客户端存储的用户历史行为数据可以是客户端中记录的日志文件，也可以是针对用户以往对网页的操作行为进行的记录结果，如：用户在网页上进行的点击操作信息、点击操作对应于网页中的具体模块或内容信息等。用户历史行为数据可以看做是用于总结用户偏好的基础。

进一步地，在本公开一个实施例中，根据用户历史行为数据确定用户操作网页的偏好行为特征数据，包括：根据用户历史行为数据确定在本地客户端存储的历史网页数据与历史行为的对应关系；解析历史网页数据得到一个或多个视图单元，确定视图单元与历史行为中操作类型的对应关系，进而确定各操作类型对应的视图单元集合；根据各操作类型对应的视图单元集合中视图单元的属性值，确定各操作类型对应的视图单元的属性值频次排序，以作为偏好行为特征数据。在本公开一个实施例中，操作类型包括：点击操作、拖拽操作、复制粘贴操作中的至少一个；视图单元的属性值包括：视图单元在各属性维度下的属性值；属性维度包括：html标签维度、css样式维度和内容维度中的至少一个。

对于在本地客户端存储的用户历史行为数据，可以根据其中历史网页的html结构将网页切分为不可再分割的视图单元，视图单元可以从至少一个属性维度进行描述，属性维度可以包括html标签维度、css样式维度(css样式维度的维度属性值可以如：圆形、方形)和内容维度(内容维度的维度属性值可以如：文本、图片、视频)。对于一具体的网页，都可以将该网页解析得到至少一个视图单元，以及可以得到视图单元的至少一个属性维度的属性值。视图单元的属性值可以是：在内容维度下为图片，在css样式维度下为红色等。

对操作类型举例说明：可以将一次点击操作作为一个操作类型，可以将连续两次点击操作作为又一个操作类型。故而可以结合用户历史行为数据中的用户操作，按不同操作类型将操作与视图单元建立对应的关联关系，如：一次点击操作可以对应一个视图单元集合，连续两次点击操作可以对应又一个视图单元集合，拖拽操作可以对应再一个视图单元集合。

在确定视图单元与历史行为中操作类型的对应关系后，由于视图单元可以具有一个或多个属性维度，故而基于一个操作类型与一个视图单元集合的对应关系，可以得到一个操作类型与一个或多个属性维度的对应关系；当结合具体的各属性值在历史行为数据中出现的次数，则可以得到一个操作类型对应的一个或多个属性维度下的属性值频次排序；如：一次点击操作可以对应于一个内容维度的排序，一次点击操作还可以对应于一个css样式维度的排序。

可以将确定出的各操作类型对应的视图单元的属性值频次排序作为偏好行为特征数据。偏好行为特征数据的意义在于可以指示出用户的偏好行为，例如，可以通过偏好行为特征数据得出如下结论：在同时存在视频和图片时，用户最爱点击视频，其次爱点击图片；又如：当网页中同时存在A文本内容和B文本内容时，用户对A文本内容和对B文本内容的点击操作之间的间隔时间很短；又如：当网页中存在C文本内容时，用户经常对C文本内容进行复制。

在本公开一个实施例中，根据偏好行为特征数据和布局规则总集确定偏好布局规则模型，包括：基于各操作类型的属性值偏好条件，从偏好行为特征数据中确定出各操作类型下用户对视图单元的偏好属性值，以记录各操作类型与偏好属性值的对应关系；将布局规则总集中各操作类型对应的布局样式，作为相同操作类型对应的偏好属性值的布局样式，得到偏好属性值与布局样式的对应关系；将偏好属性值与布局样式的对应关系作为偏好布局规则模型。

各操作类型的属性值偏好条件可以是在排序基础上的筛选条件，如：对于一次点击操作，取内容维度下频次排序前3的属性值，作为偏好属性值(如，依次为：图片、视频、文字)；筛选条件还可以如：对于一次点击操作，取内容维度下出现次数超过预设阈值的属性值，作为偏好属性值。

布局规则总集可以包含有针对不同操作类型的布局样式，如：对于一次点击操作类型下用户偏好的属性值，将其放大到预设样式进行展示，或者排布在列表中更靠前的位置，以方便用户点击；又如：对于复制粘贴操作类型下用户偏好的属性值，可以为对应的视图单元提供“复制”的快捷操作选项，以方便用户复制使用。那么，当确定用户在一次点击操作类型对应的偏好属性值为图片时，对该用户就可以将图片放大显示或排布地更靠前，以此作为偏好布局规则模型。

由于不同用户的偏好行为特征数据都是根据各自本地客户端存储的用户历史行为数据得来的，因此使用上述方法得到的偏好布局规则模型也是针对不同用户的，进而可以达到满足用户个性化需求的效果。

图3示出了本公开一个实施例的网页样式动态生成方法中确定偏好布局规则模型的流程图；以下步骤可以是在接收到待转换网页数据之前进行的，则当接收到待转换网页数据后，可以直接获取本地的偏好布局规则模型进行使用。以下步骤也可以是在接收到待转换网页数据之后进行的，在接收到待转换网页数据之后利用以下步骤得到偏好布局规则模型，进而使用偏好布局规则模型对待转换网页进行布局调整。

步骤S301，获取在本地客户端存储的用户历史行为数据。

步骤S303，根据用户历史行为数据确定在本地客户端存储的历史网页数据与历史行为的对应关系。

步骤S305，解析历史网页数据得到一个或多个视图单元，确定视图单元与历史行为中操作类型的对应关系，进而确定各操作类型对应的视图单元集合。操作类型可以包括点击操作、拖拽操作和复制粘贴操作中的至少一个。

步骤S307，根据各操作类型对应的视图单元集合中视图单元的属性值，确定各操作类型对应的视图单元的属性值频次排序，以作为偏好行为特征数据。视图单元的属性值可以是视图单元在各属性维度下的属性值，属性维度可以包括html标签维度、css样式维度和内容维度中的至少一个。

步骤S309，基于各操作类型的属性值偏好条件，从偏好行为特征数据中确定出各操作类型下用户对视图单元的偏好属性值，以记录各操作类型与偏好属性值的对应关系。

步骤S311，获取布局规则总集。在实际应用中，获取布局规则总集的步骤可以在步骤S313之前的任何时候。

步骤S313，将布局规则总集中各操作类型对应的布局样式，作为相同操作类型对应的偏好属性值的布局样式，得到偏好属性值与布局样式的对应关系；将偏好属性值与布局样式的对应关系作为偏好布局规则模型。

在本公开一个实施例中，从偏好布局规则模型中选出用于待转换网页数据的待应用布局规则，包括：解析待转换网页数据得到一个或多个待转换视图单元，以及待转换视图单元在各属性维度下的属性值；其中，属性维度包括：html标签维度、css样式维度和内容维度中的至少一个；当待转换视图单元的属性值中存在偏好属性值，根据偏好布局规则模型中与偏好属性值对应的布局样式，确定待转换视图单元的布局样式，以作为待转换网页数据的待应用布局规则。

待转换网页中不一定会包含偏好布局规则模型中出现的所有偏好属性值，如：若偏好布局规则模型中的偏好属性值有视频，但待转换网页中不存在视频资源，则针对于待转换网页的待应用布局规则中可以没有对视频的布局样式。故可以先从偏好布局规则模型中确定出与待转换网页中的待转换视图单元在各属性维度下的属性值匹配的布局样式，作为所述待转换网页数据的待应用布局规则，再在后续步骤中进行针对待转换网页的布局调整。

在本公开一个实施例中，基于待应用布局规则对待转换网页数据进行样式布局调整，生成布局调整后的网页，包括：根据待应用布局规则生成网页框架代码；利用网页框架代码和待转换视图单元生成网页布局调整代码；利用网页布局调整代码生成布局调整后的网页。

本公开提供的网页样式动态生成方法可以根据历史数据自动生成布局调整后的网页，可以在兼顾用户使用习惯的基础上使网页样式实时更新，产生满足用户视觉习惯或使用习惯的页面样式。

在本公开一个实施例中，上述的网页样式动态生成方法还包括：记录用户在布局调整后的网页上的操作行为，以更新在本地客户端存储的用户历史行为数据，进而基于更新后的用户历史行为数据更新在本地客户端存储的偏好布局规则模型。在更新用户历史行为数据后，可以进一步及时自动更新本地客户端中存储的偏好布局规则模型，以供下一次接收到待转换网页数据后进行样式调整。

图4示出了本公开一个实施例的网页样式动态生成方法的流程图；图4中出现的各模块可以在本公开实施例中的网页样式动态生成方法中完成各种数据处理过程，实现网页样式的自动调整。如图4所示，包括：

步骤S401，机器学习模块以用户操作数据和网页数据作为训练集。

步骤S403，机器学习模块进行机器学习训练并产生机器学习模型，将机器学习模型缓存到本地磁盘中；所述机器学习模型可以看作是一种偏好布局规则模型。

步骤S405，客户端请求网页数据，接收服务器发送的待转换网页数据。

步骤S407，网页数据分析模块对待转换网页数据进行分析，得到分析结果。分析过程可以是：首先提取网页中的html标签、内容(主要包括文本、图片、视频)、CSS样式。然后根据html标签将网页切分成最小的视图单元，视图单元可以包括标签及内容信息、CSS样式信息。对视图单元进行分类(主要是原数据、内容数据、超链接等)，将类型数据进一步分类(分为文本、图片、视频)，最终得到分析结果。

步骤S409，网页数据分析模块将待转换网页的分析结果传送给机器学习模块，机器学习模块将待转换网页数据作为输入，输出待转换网页调整布局后的网页样式信息(包括新的标签类型、标签布局、新的CSS样式)。

步骤S411，网页生成模块根据调整布局后的网页样式信息，生成能够在客户端进行渲染的实际网页代码(包括html文件、CSS样式文件、图片、文本、视频链接等信息)。

步骤S413，客户端接收到了网页生成模块生成的网页代码后，进行渲染。(客户端类型包括但不限于浏览器端、移动端、桌面端、AR/VR端)。

步骤S415，用户通过客户端看到最终的呈现效果，并在网页上进行操作(包括点击、滑动、长按、复制、粘贴等操作)，这时用户操作数据分析模块可以采集用户行为数据存储到本地磁盘，并将新网页数据和用户行为数据作为输入传输给机器学习模块，机器学习模块以这些数据进行自我训练并产生新的机器学习模型。

上述过程中的步骤S401到步骤S415可以是一个闭合运行的过程。

图5示出了本公开一个实施例的实现网页样式动态生成方法的系统架构示意图，如图5所示，系统可以包括：网页数据分析模块501、用户操作数据分析模块502、机器学习模块503、网页生成模块504；

具体地，网页数据分析模块可以用于解析网页数据中的html标签及内容(内容主要包括文本、图片、视频)、CSS样式的网页源码数据，并且根据html结构将网页切分为不可再分割的的视图单元，视图单元包括标签及内容信息、CSS样式信息。

用户操作数据分析模块可以用于收集用户的网页操作行为，主要采集的信息包括：鼠标点击的坐标、粘贴复制、拖拽等信息，并且存储到本地磁盘。

机器学习模块可以用于读取网页数据分析模块产生的数据，主要对html标签数据、CSS样式数据、内容进行自动打上机器学习标签，结合用户操作数据分析模块产生的数据，共同组成机器学习训练集，进行自我训练并产生机器学习模型，机器学习模块以网页数据作为输入，输出新网页生成所需的规则，机器学习模块主要供网页生成模块调用。

网页生成模块可以用于调用机器学习模块，根据机器学习模块输出的网页样式规则进行新网页的生成。

以上几个模块共同构成了本实本专利需要保护的主体。具体的实施流程可以如图4所示，实现本公开实施例中的网页样式动态生成方法。

需要注意的是，上述附图仅是根据本发明示例性实施例的方法所包括的处理的示意性说明，而不是限制目的。易于理解，上述附图所示的处理并不表明或限制这些处理的时间顺序。另外，也易于理解，这些处理可以是例如在多个模块中同步或异步执行的。

图6示出本公开第五实施例中一种网页样式动态生成装置600的框图；如图6所示，包括：

获取模块601，用于响应于接收到的待转换网页数据，获取在本地客户端存储的偏好布局规则模型；应用模块602，用于从所述偏好布局规则模型中选出用于所述待转换网页数据的待应用布局规则；生成模块603，用于根据所述待应用布局规则和所述待转换网页数据生成网页布局调整代码，以利用所述网页布局调整代码生成布局调整后的网页。

使用本公开的实施例所提供的网页样式动态生成装置，能够根据接收到的待转换网页数据和存储在本地的偏好布局规则模型，得到可应用于待转换网页数据待应用布局规则，进而可以基于待应用布局规则对待转换网页的布局样式进行个性化调整，从而使待转换网页以满足本地用户使用习惯或个性化需求的布局样式进行展示，提高用户的使用体验。

除了可以将网页以满足用户个性化需求的样式进行展示，在实际应用中，还可以对其他的可重新布局的对象进行调整；如：在桌面程序的展示界面中也存在布局样式，也可以使用与本公开提供的网页样式动态生成装置类似的样式调整装置。

所属技术领域的技术人员能够理解，本发明的各个方面可以实现为系统、方法或程序产品。因此，本发明的各个方面可以具体实现为以下形式，即：完全的硬件实施方式、完全的软件实施方式(包括固件、微代码等)，或硬件和软件方面结合的实施方式，这里可以统称为“电路”、“模块”或“系统”。

图7示出本公开实施例中一种网页样式动态生成计算机设备的结构框图。需要说明的是，图示出的电子设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

下面参照图7来描述根据本发明的这种实施方式的电子设备700。图7显示的电子设备700仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图7所示，电子设备700以通用计算设备的形式表现。电子设备700的组件可以包括但不限于：上述至少一个处理单元710、上述至少一个存储单元720、连接不同系统组件(包括存储单元720和处理单元710)的总线730。

其中，所述存储单元存储有程序代码，所述程序代码可以被所述处理单元710执行，使得所述处理单元710执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。例如，所述处理单元710可以执行如图2中所示的步骤S201，响应于接收到的待转换网页数据，获取在本地客户端存储的偏好布局规则模型；步骤S202，从偏好布局规则模型中选出用于待转换网页数据的待应用布局规则；步骤S203，基于待应用布局规则对待转换网页数据进行样式布局调整，生成布局调整后的网页。

存储单元720可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(RAM)7201和/或高速缓存存储单元7202，还可以进一步包括只读存储单元(ROM)7203。

存储单元720还可以包括具有一组(至少一个)程序模块7205的程序/实用工具7204，这样的程序模块7205包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

总线730可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。

电子设备700也可以与一个或多个外部设备600(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备700交互的设备通信，和/或与使得该电子设备700能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口750进行。并且，电子设备700还可以通过网络适配器760与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器760通过总线730与电子设备700的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备700使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开实施方式的方法。

在本公开的示例性实施例中，还提供了一种计算机可读存储介质，其上存储有能够实现本说明书上述方法的程序产品。在一些可能的实施方式中，本发明的各个方面还可以实现为一种程序产品的形式，其包括程序代码，当所述程序产品在终端设备上运行时，所述程序代码用于使所述终端设备执行本说明书上述“示例性方法”部分中描述的根据本发明各种示例性实施方式的步骤。

根据本发明实施方式的用于实现上述方法的程序产品，其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，并可以在终端设备，例如个人电脑上运行。然而，本发明的程序产品不限于此，在本文件中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

所述程序产品可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、C++等，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本公开的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。

此外，尽管在附图中以特定顺序描述了本公开中方法的各个步骤，但是，这并非要求或者暗示必须按照该特定顺序来执行这些步骤，或是必须执行全部所示的步骤才能实现期望的结果。附加的或备选的，可以省略某些步骤，将多个步骤合并为一个步骤执行，以及/或者将一个步骤分解为多个步骤执行等。

通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、移动终端、或者网络设备等)执行根据本公开实施方式的方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由所附的权利要求指出。

Claims (11)

1.一种网页样式动态生成方法，其特征在于，包括：

响应于接收到的待转换网页数据，获取在本地客户端存储的偏好布局规则模型；

从所述偏好布局规则模型中选出用于所述待转换网页数据的待应用布局规则；

基于所述待应用布局规则对所述待转换网页数据进行样式布局调整，生成布局调整后的网页。

2.根据权利要求1所述的方法，其特征在于，所述本地客户端中存储的偏好布局规则模型是采用以下方式得到的：

获取在本地客户端存储的用户历史行为数据；

根据所述用户历史行为数据确定用户操作网页的偏好行为特征数据；

获取布局规则总集，以根据所述偏好行为特征数据和所述布局规则总集确定所述偏好布局规则模型。

3.根据权利要求2所述的方法，其特征在于，根据所述用户历史行为数据确定用户操作网页的偏好行为特征数据，包括：

根据所述用户历史行为数据确定在本地客户端存储的历史网页数据与历史行为的对应关系；

解析所述历史网页数据得到一个或多个视图单元，确定所述视图单元与历史行为中操作类型的对应关系，进而确定各操作类型对应的视图单元集合；

根据各操作类型对应的视图单元集合中视图单元的属性值，确定各操作类型对应的视图单元的属性值频次排序，以作为所述偏好行为特征数据。

4.根据权利要求3所述的方法，其特征在于，所述操作类型包括：点击操作、拖拽操作和复制粘贴操作中的至少一个；

所述视图单元的属性值包括：视图单元在各属性维度下的属性值；

所述属性维度包括：html标签维度、css样式维度和内容维度中的至少一个。

5.根据权利要求3所述的方法，其特征在于，根据所述偏好行为特征数据和所述布局规则总集确定所述偏好布局规则模型，包括：

基于各操作类型的属性值偏好条件，从所述偏好行为特征数据中确定出各操作类型下用户对视图单元的偏好属性值，以记录各操作类型与偏好属性值的对应关系；

将所述布局规则总集中各操作类型对应的布局样式，作为相同操作类型对应的偏好属性值的布局样式，得到偏好属性值与布局样式的对应关系；

将所述偏好属性值与布局样式的对应关系作为所述偏好布局规则模型。

6.根据权利要求5所述的方法，其特征在于，从所述偏好布局规则模型中选出用于所述待转换网页数据的待应用布局规则，包括：

解析所述待转换网页数据得到一个或多个待转换视图单元，以及待转换视图单元在各属性维度下的属性值；其中，所述属性维度包括：html标签维度、css样式维度和内容维度中的至少一个；

当所述待转换视图单元的属性值中存在所述偏好属性值，根据所述偏好布局规则模型中与所述偏好属性值对应的布局样式，确定所述待转换视图单元的布局样式，以作为所述待转换网页数据的待应用布局规则。

7.根据权利要求6所述的方法，其特征在于，基于所述待应用布局规则对所述待转换网页数据进行样式布局调整，生成布局调整后的网页，包括：

根据所述待应用布局规则生成网页框架代码；

利用所述网页框架代码和所述待转换视图单元，生成网页布局调整代码；

利用所述网页布局调整代码生成布局调整后的网页。

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

记录用户在所述布局调整后的网页上的操作行为，以更新在本地客户端存储的用户历史行为数据，进而基于更新后的用户历史行为数据更新在本地客户端存储的偏好布局规则模型。

9.一种网页样式动态生成装置，其特征在于，包括：

获取模块，用于响应于接收到的待转换网页数据，获取在本地客户端存储的偏好布局规则模型；

应用模块，用于从所述偏好布局规则模型中选出用于所述待转换网页数据的待应用布局规则；

生成模块，用于根据所述待应用布局规则和所述待转换网页数据生成网页布局调整代码，以利用所述网页布局调整代码生成布局调整后的网页。

10.一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现如权利要求1至8任一项所述的网页样式动态生成方法。

11.一种电子设备，其特征在于，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如权利要求1至8任一项所述的网页样式动态生成方法。

Images