级联样式表的处理方法及装置、电子设备及存储介质制造方法及图纸

本公开披露一种级联样式表的处理方法及装置、电子设备及存储介质，涉及计算机应用技术领域。该方法包括：解析目标网页引用的第一级联样式表，得到第一级联样式表对应的对象数组，对象数组中包括M个选择器和M个选择器各自对应的属性；解析目标网页的标记语言数据，得到目标网页对应的文档对象模型树，文档对象模型树中包括至少一个节点，节点包含元素，元素对应选择器；基于文档对象模型树中包括的至少一个节点，删减对象数组；根据删减后的对象数组，生成第二级联样式表。本公开基于目标网页对应的文档对象模型树，对目标网页引用的级联样式表的对象数组进行删减，从而删除级联样式表中的冗余内容，实现减少级联样式表的占用空间的目的。间的目的。间的目的。

【技术实现步骤摘要】
级联样式表的处理方法及装置、电子设备及存储介质


[0001]本公开涉及计算机应用
，具体涉及一种级联样式表的处理方法及装置、电子设备及存储介质。

技术介绍

[0002]级联样式表(Cascading Style Sheets，CSS)是用于描述以标记语言编写的文档的设计语言。级联样式表能够对网页的字体、颜色、边距、高度、宽度、背景图像等进行控制。通过级联样式表可以精确定位网页上的元素，并且可以通过设置元素的方式，实现网页的表现信息与内容的分离。
[0003]由于级联样式表与网页通常分离使用，导致级联样式表会出现未使用、冗余的样式。随着网页维护时间的增加，级联样式表中重复、未使用的样式也逐渐增加，进而占用空间越来越多，从而导致网页的性能逐渐下降。因此，如何减少级联样式表的占用空间，提高网页性能，成为计算机应用领域亟需解决的问题。

技术实现思路

[0004]有鉴于此，本公开提供一种级联样式表的处理方法及装置、电子设备及存储介质，以解决如何减少级联样式表的占用空间的问题。
[0005]第一方面，本公开一实施例提供了一种级联样式表的处理方法，包括：解析目标网页引用的第一级联样式表，得到第一级联样式表对应的对象数组，对象数组中包括M个选择器和M个选择器各自对应的属性，M为正整数；解析目标网页的标记语言数据，得到目标网页对应的文档对象模型树，文档对象模型树中包括至少一个节点，节点包含元素，元素对应选择器；基于文档对象模型树中包括的至少一个节点，删减对象数组；根据删减后的对象数组，生成第二级联样式表。
[0006]第二方面，本公开一实施例提供了一种网页配置方法，包括：获取网页引用的级联样式表；基于第一方面提及的方法，对级联样式表进行处理，确定级联样式表的处理结果；基于级联样式表的处理结果，调整网页的配置。
[0007]第三方面，本公开一实施例提供了一种级联样式表的处理装置，包括：第一解析模块，用于解析目标网页引用的第一级联样式表，得到第一级联样式表对应的对象数组，对象数组中包括M个选择器和M个选择器各自对应的属性，M为正整数；第二解析模块，用于解析目标网页的标记语言数据，得到目标网页对应的文档对象模型树，文档对象模型树中包括至少一个节点，所述节点包含元素，元素对应选择器；删减模块，用于基于文档对象模型树中包括的至少一个节点，删减对象数组；生成模块，用于根据删减后的对象数组，生成第二级联样式表。
[0008]第四方面，本公开一实施例提供了一种网页配置装置，包括：获取模块，用于获取网页引用的级联样式表；处理模块，用于基于上述第一方面提及的方法，确定级联样式表的处理结果；配置模块，用于基于级联样式表的处理结果，调整网页的配置。
[0009]第五方面，本公开一实施例提供了一种电子设备，该电子设备包括：处理器，用于存储处理器可执行计算机程序的存储器，其中，处理器记载并执行该计算机程序用于执行上述提及的方法。
[0010]第六方面，本公开一实施例提供了一种计算机存储介质，计算机可读存储介质存储有计算机程序，计算机程序被处理器加载时用于执行上述提及的方法。
[0011]本公开提供的级联样式表的处理方法，通过解析目标网页引用的级联样式表，生成级联样式表对应的对象数组，并通过解析目标网页的标记语言数据，生成目标网页对应的文档对象模型树，进而，利用文档对象模型树中包括的节点，对级联样式表的对象数组进行删减，从而根据删减后的对象数组，生成新的级联样式表。由于对象数组中包括选择器和选择器对应的属性，而文档对象模型树中的节点包含元素，因此，本公开能够利用对象数组和文档对象模型树实现删减级联样式表中的重复、无效的内容的目的，从而减少级联样式表的占用空间。
附图说明
[0012]通过结合附图对本公开实施例进行更详细的描述，本公开的上述以及其他目的、特征和优势将变得更加明显。附图用来提供对本公开实施例的进一步理解，并且构成说明书的一部分，与本公开实施例一起用于解释本公开，并不构成对本公开的限制。
[0013]图1所示为本公开的实施例提供的应用场景示意图。
[0014]图2所示为本公开的实施例提供的级联样式表的处理方法的流程示意图。
[0015]图3所示为本公开的实施例提供的基于文档对象模型树中包括的至少一个节点，删减对象数组的流程示意图。
[0016]图4所示为本公开的实施例提供的基于文档对象模型树中包括的至少一个节点，删减对象数组的流程示意图。
[0017]图5所示为本公开的实施例提供的另一级联样式表的处理方法的流程示意图。
[0018]图6所示为本公开的实施例提供的网页配置方法的流程示意图。
[0019]图7所示为本公开的实施例提供的级联样式表的处理装置的结构示意图。
[0020]图8所示为本公开的实施例提供的网页配置装置的结构示意图。
[0021]图9所示为本公开的实施例提供的电子设备的结构示意图。
具体实施方式
[0022]下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本公开一部分实施例，而不是全部的实施例。
[0023]级联样式表是用于描述以标记语言编写的文档的设计语言。级联样式表可以静态地修饰网页，能对网页的字体、颜色、边距、高度、宽度、背景图像、高级定位等进行控制。级联样式表还可以动态地对网页的各个元素进行处理，此外，通过级联样式表可以精确定位网页上的元素，并且可以设置元素，从而实现网页的表现信息和核心内容相分离的目的。通过外部链接的级联样式表文档定义网页的风格，使得网站的设计人员能够快速对整个网页进行修改。由此可见，级联样式表不仅简化了网页的格式代码，而且大大减少了设计人员的工作量。
[0024]为了便于维护，通常级联样式表与网页为分离使用。但是，分离使用会导致级联样式表出现未使用、冗余、覆盖的样式。随着网页维护时间的增加，级联样式表重复、未使用的样式越来越多，造成级联样式表文件越来越大，占用空间越来越大，最终导致网页性能下降，限制了级联样式表的进一步发展。传统对级联样式表的处理，通常只判断网页文件对选择器的使用情况，根据选择器的使用情况对级联样式表进行优化操作，不对级联样式表中的多余样式进行处理，因此对减少级联样式表的占用空间的作用十分有限。综上，如何减少级联样式表的占用空间，提高网页性能，成为计算机应用领域亟需解决的问题。
[0025]下面结合图1对本公开一实施例提供的应用场景进行简单的介绍。
[0026]图1所示本公开一实施例提供的应用场景示意图。如图1所示，该场景为处理网页A的级联样式表的场景。具体而言，处理网页A(即，目标网页)的级联样式表的场景包括，服务器110、与服务器110通信连接的用户终端120，服务器110用于执行本公开实施例提及的级联样式表的处理方法。
[0027]示例性地，在实际应用过程中，用户通过用户终端120向服务器110发送处理网页A的级联样式表的指令，服务器110本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种级联样式表的处理方法，其特征在于，包括：解析目标网页引用的第一级联样式表，得到所述第一级联样式表对应的对象数组，所述对象数组中包括M个选择器和所述M个选择器各自对应的属性，M为正整数；解析所述目标网页的标记语言数据，得到所述目标网页对应的文档对象模型树，所述文档对象模型树中包括至少一个节点，所述节点包含元素，所述元素对应所述选择器；基于所述文档对象模型树中包括的所述至少一个节点，删减所述对象数组；根据删减后的对象数组，生成第二级联样式表。2.根据权利要求1所述的方法，其特征在于，所述基于所述文档对象模型树中包括的所述至少一个节点，删减所述对象数组，包括：针对所述文档对象模型树中的每个节点，遍历所述对象数组，得到所述节点对应的属性遍历结果，所述属性遍历结果能够表征各个属性是否是首次出现；基于所述至少一个节点各自对应的属性遍历结果，删减所述对象数组；根据删减后的对象数组，生成第二级联样式表。3.根据权利要求2所述的方法，其特征在于，所述针对所述文档对象模型树中的每个节点，遍历所述对象数组，得到所述节点对应的属性遍历结果，包括：针对所述文档对象模型树中的每个节点，遍历所述对象数组；若所述对象数组中的至少一个选择器查找的元素和所述节点包含的元素相同，则遍历所述至少一个选择器各自对应的属性，得到所述节点对应的属性遍历结果。4.根据权利要求3所述的方法，其特征在于，所述遍历所述至少一个选择器各自对应的属性，得到所述节点对应的属性遍历结果，包括：获取所述至少一个选择器各自的权重；根据权重的大小，遍历所述至少一选择器各自的属性，对遍历过程中首次出现的属性进行标记，得到所述节点对应的属性遍历结果。5.根据权利要求2所述的方法，其特征在于，所述基于所述至少一个节点各自对应的属性遍历结果，删减所述对象数组，包括：基于所述至少一个节点各自对应的属性遍历结果，删除所述对象数组中非首次出现的属性；针对所述对象数组中的每个选择器，若所述选择器对应的所有属性均被删除，则删除所述选择器。6.根据权利要求1至5任一项所述的方法，其特征在于，所述基于所述文档对象模型树中包括的所述...

【专利技术属性】
技术研发人员：阙中友，蒋宁，夏粉，肖冰，曹磊，
申请(专利权)人：马上消费金融股份有限公司，
类型：发明
国别省市：