[发明专利]一种消除CSS样式冗余的方法及相关产品

说明书

本申请公开了一种消除CSS样式冗余的方法，用于去除CSS样式文件中的冗余，该方法包括：从CSS样式文件中获取CSS样式文件所包括的样式规则，将样式规则的标识添加到待检测样式规则集合中；检测网页元素所使用的样式规则的标识是否在待检测样式规则集合中；当网页元素所使用的样式规则的标识在待检测样式规则集合中，将网页元素所使用的样式规则的标识从待检测样式规则集合中去除；将待检测样式规则集合中样式规则的标识所对应的样式规则从CSS样式文件中去除。本申请还公开了一种的消除CSS样式冗余的装置、存储介质以及处理器。

技术领域

本申请涉及互联网技术领域，具体涉及一种消除CSS样式冗余的方法、装置、存储介质以及处理器。

背景技术

在网页加载过程中，会加载CSS(Cascading Style Sheets，层叠样式表) 样式文件。CSS样式文件可以用于定义网页中各个网页元素的样式，例如通过CSS样式文件可以定义网页中各个网页元素的字体、显示颜色、背景颜色、位置等等。

在加载CSS样式文件的过程中，CSS样式文件的大小会影响网页加载的速度。在现有技术中，CSS样式文件中通常存在代码冗余，导致网页加载速度较慢。因此，需要一种消除CSS样式文件中CSS样式冗余的方法。

发明内容

有鉴于此，本申请实施例提供一种消除CSS样式冗余的方法以及相关产品，以解决现有技术中在加载网页时CSS样式文件过大导致网页加载速度较慢的技术问题。

为解决上述问题，本申请实施例提供的技术方案如下：

一种消除CSS样式冗余的方法，所述方法包括：

从CSS样式文件中获取CSS样式文件所包括的样式规则，将所述样式规则的标识添加到待检测样式规则集合中；

检测网页元素所使用的样式规则的标识是否在所述待检测样式规则集合中；

当所述网页元素所使用的样式规则的标识在所述待检测样式规则集合中，将所述网页元素所使用的样式规则的标识从所述待检测样式规则集合中去除；

将所述待检测样式规则集合中样式规则的标识所对应的样式规则从所述 CSS样式文件中去除。

相应的，在将所述网页元素所使用的样式规则的标识从所述待检测样式规则集合中去除之后，将所述待检测样式规则集合中的样式规则从所述CSS 样式文件中去除之前，所述方法还包括：

监听是否存在所述网页元素的改变；

当存在所述网页元素的改变，检测改变后的网页元素所使用的样式规则的标识是否在所述待检测样式规则集合中；

当所述改变后的网页元素所使用的样式规则的标识在所述待检测样式规则集合中，将所述改变后的网页元素所使用的样式规则的标识从所述待检测样式规则集合中去除。

相应的，所述监听是否存在所述网页元素的改变，包括：

监听是否存在所述网页元素对应的DOM对象的改变，所述DOM对象的改变包括DOM对象的增加、删除、修改以及查找中的一种或多种。

相应的，所述监听是否存在所述网页元素的改变，包括：

监听是否存在所述网页元素所使用的样式规则的改变。

相应的，将所述样式规则的标识添加到待检测样式规则集合中，包括：

创建列表数组，将所述样式规则的标识添加到所述列表数组中作为待检测样式规则集合。

一种消除CSS样式冗余的装置，所述装置包括：

获取单元，用于从CSS样式文件中获取CSS样式文件所包括的样式规则，将所述样式规则的标识添加到待检测样式规则集合中；