[發明專利]一種消除CSS樣式冗余的方法及相關產品

有效

• 申請號: 201710876129.2
• 申請日: 2017-09-25
• 公開（公告）號: CN109558548B
• 公開（公告）日: 2021-05-25
• 發明（設計）人: 謝基顏
• 申請（專利權）人: 北京國雙科技有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F8/41;G06F8/38
• 代理公司: 北京集佳知識產權代理有限公司 11227
• 代理人: 柳欣;王寶筠

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樣式冗余的方法。