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

有效

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

本申請公開了一種消除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樣式文件所包括的樣式規則，將所述樣式規則的標識添加到待檢測樣式規則集合中；