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

权利要求书

1.一种消除CSS样式冗余的方法，其特征在于，所述方法包括：

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

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

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

监听是否存在所述网页元素的改变；其中，所述监听是否存在所述网页元素的改变是通过使用浏览器的window.MutationObserver方法监听网页元素对应的DOM对象的改变；

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

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

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

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

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

2.根据权利要求1所述的方法，其特征在于，所述监听是否存在所述网页元素的改变，包括：

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

3.根据权利要求1所述的方法，其特征在于，将所述样式规则的标识添加到待检测样式规则集合中，包括：

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

4.一种消除CSS样式冗余的装置，其特征在于，所述装置包括：

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

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

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

监听单元，用于监听是否存在所述网页元素的改变；其中，所述监听是否存在所述网页元素的改变是通过使用浏览器的window.MutationObserver方法监听网页元素对应的DOM对象的改变；其中，所述监听是否存在所述网页元素的改变，包括：监听是否存在所述网页元素对应的所述DOM对象的改变，所述DOM对象的改变包括DOM对象的增加、删除、修改以及查找中的一种或多种；

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

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

第二去除单元，用于将所述待检测样式规则集合中样式规则的标识所对应的样式规则从所述CSS样式文件中去除。

5.根据权利要求4所述的装置，其特征在于，所述获取单元包括：

创建子单元，用于创建列表数组；

获取子单元，用于从CSS样式文件中获取CSS样式文件所包括的样式规则；

添加子单元，用于将所述样式规则的标识添加到所述列表数组中作为待检测样式规则集合。

6.一种存储介质，其特征在于，所述存储介质包括存储的程序，其中，所述程序执行权利要求1至3中任意一项所述的消除CSS样式冗余的方法。

7.一种处理器，其特征在于，所述处理器用于运行程序，其中，所述程序运行时执行权利要求1至3中任意一项所述的消除CSS样式冗余的方法。