[發明專利]頁面主題風格切換方法、裝置、電子設備及計算機存儲介質

在審

• 申請號: 201911301526.2
• 申請日: 2019-12-17
• 公開（公告）號: CN111104117A
• 公開（公告）日: 2020-05-05
• 發明（設計）人: 方添榮;陳斯敏
• 申請（專利權）人: 深圳前海環融聯易信息科技服務有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F9/451;G06F16/958
• 代理公司: 深圳市精英專利事務所 44242
• 代理人: 林燕云

本發明涉及計算機技術領域，尤其涉及一種頁面主題風格切換方法、裝置、電子設備及計算機存儲介質。該方法包括：預設多個與主題風格對應的層疊樣式表，不同的主題風格對應的層疊樣式表具有相同的類名；獲取來自用戶的主題風格切換指令，所述主題風格切換指令指向一個目標主題風格；將與所述目標主題風格對應的層疊樣式表存儲到風格變量中；在頁面上加載所述風格變量以形成對應的主題風格。其減少了對CSS類名的定義，也無需使用全局變量來判斷標簽類名的顯示，能夠有效的減少代碼量。而且，在維護過程時，只需要根據需要相應的修改部分CSS文件的內容即可，可以有效的提升開發效率和降低開發成本。

技術領域

本發明涉及計算機技術領域，尤其涉及一種頁面主題風格切換方法、裝置、電子設備及計算機存儲介質。

背景技術

現有許多網站或者移動應用的頁面都具有切換主題風格的功能，用以支持例如換膚效果、白天和夜間模式的切換以及以不同顏色顯示股票漲跌等的頁面顯示效果。

現有的主題風格切換實現方式需要針對不同的主題風格設置多套不同層疊樣式表(Cascading Style Sheets CSS)的頁面。在切換時，通過全局變量來控制標簽類型的顯示或者直接使用多套不同主題風格的頁面進行切換。

這樣的實現方式每增加一種主題風格就需要設置一套額外不同的CSS類名，造成代碼冗余，維護不便和開發低效等的一系列問題，如何避免現有主題風格切換方式需要使用多套CSS類名，是目前亟待解決的問題。

發明內容

本發明的實施例提供了一種頁面主題風格切換方法、裝置、電子設備及計算機存儲介質，用于解決現有技術主題風格切換方法中的一種或者多種問題。

本發明實施例的第一方面提供了一種頁面主題風格切換方法。其中，所述方法包括：

預設多個與主題風格對應的層疊樣式表，不同的主題風格對應的層疊樣式表具有相同的類名；獲取來自用戶的主題風格切換指令，所述主題風格切換指令指向一個目標主題風格；將與所述目標主題風格對應的層疊樣式表存儲到風格變量中；在頁面上加載所述風格變量以形成對應的主題風格。

可選地，所述主題風格包括可切換的第一主題風格和第二主題風格；

所述層疊樣式表包括公共類層疊樣式表、用于生成第一主題風格的第一層疊樣式表和用于生成第二主題風格的第二層疊樣式表；

所述第一層疊樣式表與所述第二層疊樣式表具有相同的類名。

可選地，所述主題風格切換指令包括：用于將頁面的主題風格切換為第一主題風格的第一切換指令和用于將頁面的主題風格切換為第二主題風格的第二切換指令。

可選地，在頁面上加載所述風格變量，具體包括：在描述頁面的超文本標記語言文本中添加鏈接標簽，所述鏈接標簽定義了連接到層疊樣式表的路徑；獲取所述風格變量的值；將所述風格變量的值設置為所述鏈接標簽的連接到層疊樣式表的路徑。

可選地，將與所述目標主題風格對應的層疊樣式表存儲到風格變量中，具體包括：在接收到第一切換指令時，將第一層疊樣式表的路徑存儲到風格變量中；在接收到第二切換指令時，將第二層疊樣式表的路徑存儲到風格變量中。

可選地，所述層疊樣式表的路徑的存儲方式為本地存儲。

可選地，所述主題風格切換指令通過設置在頁面的按鈕獲取。

本發明實施例的第二方面提供了一種頁面主題風格切換裝置。其中，所述裝置包括：

層疊樣式表集，由多個與主題風格對應的層疊樣式表組成，不同的主題風格對應的層疊樣式表具有相同的類名；

指令獲取模塊，用于獲取來自用戶的主題風格切換指令，所述主題風格切換指令指向一個目標主題風格；