【技術實現步驟摘要】
本專利技術涉及網絡，尤其涉及一種兼容多瀏覽器的頁面主題切換方法、終端設備及介質。
技術介紹
1、隨著網絡技術的發展，人們通過應用程序在網絡上獲取各種信息，而應用程序的頁面成為了人們與網絡的交互媒介之一。為了提升用戶體驗，滿足用戶個性化的審美需求，通常會提供多種主題風格。現有的技術中有多種方案可以實現多套主題在運行時的快速切換，但這些方案存在著以下不足：
2、1.基礎組件和業務組件的主題風格耦合，無法快速更新迭代；
3、2.技術方案成本較高，如依賴js庫實現色值轉換；
4、3.在低版本瀏覽器中樣式渲染異常，兼容性較差；
5、4.需手動生成多套配置以實現更廣泛的瀏覽器兼容。
技術實現思路
1、為了解決上述問題，本專利技術提出了一種兼容多瀏覽器的頁面主題切換方法、終端設備及介質。
2、具體方案如下：
3、一種兼容多瀏覽器的頁面主題切換方法，包括以下步驟：
4、將頁面組件拆分為基礎組件和業務組件；針對基礎組件，生成其對應不同主題的多個主題樣式文件，每個主題樣式文件中存儲各基礎組件包括的各變量的色值；針對業務組件，生成對應的css變量文件，并基于css變量文件生成對應的主題映射表，該主題映射表中包括各個主題下的變量與色值的映射關系；
5、當接收到頁面主題切換請求后，針對基礎組件和業務組件分別進行主題切換；
6、在針對業務組件進行主題切換時，首先判斷打開頁面的瀏覽器的版本是否支持css變
7、在針對基礎組件進行主題切換時，直接調用其切換后的主題對應的主題樣式文件進行基礎組件的主題變更。
8、進一步的，還包括實時監測存儲的css變量文件是否發生變更，當監測到發生變更時，基于變更的css變量文件更新主題映射表。
9、進一步的，實時監測存儲的css變量文件是否發生變更是通過vite或webpack進行。
10、進一步的，主題映射表采用json格式。
11、進一步的，還包括實時監聽主題變更狀態，當監聽到主題變更成功時，在頁面上顯示主題變更成功的彈窗。
12、進一步的，還包括在用戶登錄頁面時，判斷登錄頁面的本地設備是否緩存有主題類型，如果是，則基于緩存的主題類型使用對應的主題；否則，使用默認主題。
13、一種兼容多瀏覽器的頁面主題切換終端設備，包括處理器、存儲器以及存儲在所述存儲器中并可在所述處理器上運行的計算機程序，所述處理器執行所述計算機程序時實現本專利技術實施例上述的方法的步驟。
14、一種計算機可讀存儲介質，所述計算機可讀存儲介質存儲有計算機程序，所述計算機程序被處理器執行時實現本專利技術實施例上述的方法的步驟。
15、本專利技術采用如上技術方案，實現了業務系統中多主題切換及跨瀏覽器兼容的問題，同時，在修改css變量時可自動生成能夠兼容低版本瀏覽器的主題映射表，避免手動處理效率低下，易出錯問題。
本文檔來自技高網...【技術保護點】
1.一種兼容多瀏覽器的頁面主題切換方法，其特征在于，包括：
2.根據權利要求1所述的兼容多瀏覽器的頁面主題切換方法，其特征在于：還包括實時監測存儲的CSS變量文件是否發生變更，當監測到發生變更時，基于變更的CSS變量文件更新主題映射表。
3.根據權利要求2所述的兼容多瀏覽器的頁面主題切換方法，其特征在于：實時監測存儲的CSS變量文件是否發生變更是通過Vite或Webpack進行。
4.根據權利要求1所述的兼容多瀏覽器的頁面主題切換方法，其特征在于：主題映射表采用JSON格式。
5.根據權利要求1所述的兼容多瀏覽器的頁面主題切換方法，其特征在于：還包括實時監聽主題變更狀態，當監聽到主題變更成功時，在頁面上顯示主題變更成功的彈窗。
6.根據權利要求1所述的兼容多瀏覽器的頁面主題切換方法，其特征在于：還包括在用戶登錄頁面時，判斷登錄頁面的本地設備是否緩存有主題類型，如果是，則基于緩存的主題類型使用對應的主題；否則，使用默認主題。
7.一種兼容多瀏覽器的頁面主題切換終端設備，其特征在于：包括處理器、存儲器以及存儲在所
8.一種計算機可讀存儲介質，所述計算機可讀存儲介質存儲有計算機程序，其特征在于：所述計算機程序被處理器執行時實現如權利要求1～6中任一所述方法的步驟。
...【技術特征摘要】
1.一種兼容多瀏覽器的頁面主題切換方法，其特征在于，包括：
2.根據權利要求1所述的兼容多瀏覽器的頁面主題切換方法，其特征在于：還包括實時監測存儲的css變量文件是否發生變更，當監測到發生變更時，基于變更的css變量文件更新主題映射表。
3.根據權利要求2所述的兼容多瀏覽器的頁面主題切換方法，其特征在于：實時監測存儲的css變量文件是否發生變更是通過vite或webpack進行。
4.根據權利要求1所述的兼容多瀏覽器的頁面主題切換方法，其特征在于：主題映射表采用json格式。
5.根據權利要求1所述的兼容多瀏覽器的頁面主題切換方法，其特征在于：還包括實時監聽主題變更狀態，當監聽到主題...
【專利技術屬性】
技術研發人員：謝建聰，洪詩偉，
申請(專利權)人：廈門星縱物聯科技有限公司，
類型：發明
國別省市：
還沒有人留言評論。發表了對其他瀏覽者有用的留言會獲得科技券。