[發明專利]一種H5頁面在原生應用中動態換膚的方法及終端

在審

• 申請號: 201810382303.2
• 申請日: 2018-04-26
• 公開（公告）號: CN108762754A
• 公開（公告）日: 2018-11-06
• 發明（設計）人: 劉德建;瞿宜楚;顏志煒;郭玉湖
• 申請（專利權）人: 福建天泉教育科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 福州市博深專利事務所(普通合伙) 35214
• 代理人: 林志崢

本發明公開了一種H5頁面在原生應用中動態換膚的方法，H5頁面代碼調用皮膚資源時，生成一個url的請求；攔截并分析url，若url包含動態換膚資源目錄名，則獲取url中的待調用動態皮膚資源名，判斷匹配路徑下是否存在與待調用動態皮膚資源名同名的本地動態皮膚資源，若存在，則返回本地動態皮膚資源，匹配路徑為原生應用中動態皮膚資源所在的路徑；本發明通過攔截url，將H5頁面需要進行動態換膚的資源替換成原生應用中的本地動態皮膚資源，從而實現H5頁面在原生應用中的皮膚切換，使得H5頁面能根據用戶的實際需求去選擇自己所喜歡的皮膚，提高了用戶使用H5頁面的體驗。

技術領域

本發明涉及前端網頁開發技術領域，特別涉及一種H5頁面在原生應用中動態換膚的方法及終端。

背景技術

H5頁面是一種包含HTML5的標記規范、運用到了例如CSS、JS等多種計算機語言、可以實現多種動效和視聽效果、會利用到后端和前端的多種功能、主要在手機端傳播且可以跨平臺在PC、平板上瀏覽的移動網頁。

以基于微信的H5頁面來說，微信集成了移動端瀏覽器，使得用戶可以通過微信來觀看H5頁面，在這里，微信就是原生應用，而目前原生應用進行動態換膚的解決思路是：將不同主題的皮膚資源放在以主題命名(style1，style2)的目錄下，當用戶切換到主題1時，讀取style1目錄下的皮膚資源；切換到主題2時，就讀取style2目錄下的皮膚資源。

然而，H5頁面是通過網絡請求的方式來獲取皮膚資源的，故而，現有的技術方案無法解決H5頁面在原生應用中的皮膚切換。

發明內容

本發明所要解決的技術問題是：提供一種H5頁面在原生應用中動態換膚的方法及終端，從而實際H5頁面在原生應用中的皮膚切換。

為了解決上述技術問題，本發明采用的技術方案為：

一種H5頁面在原生應用中動態換膚的方法，包括步驟：

S1、H5頁面代碼調用皮膚資源時，生成一個url的請求；

S2、攔截并分析所述url，若所述url包含動態換膚資源目錄名，則獲取url中的待調用動態皮膚資源名，判斷匹配路徑下是否存在與所述待調用動態皮膚資源名同名的本地動態皮膚資源，若存在，則返回本地動態皮膚資源，所述匹配路徑為原生應用中動態皮膚資源所在的路徑。

為了解決上述技術問題，本發明采用的另一種技術方案為：

一種H5頁面在原生應用中動態換膚的終端，包括存儲器、處理器以及存儲在所述存儲器上并可在所述處理器上運行的計算機程序，所述處理器執行所述計算機程序時實現以下步驟：

S1、H5頁面代碼調用皮膚資源時，生成一個url的請求；

S2、攔截并分析所述url，若所述url包含動態換膚資源目錄名，則獲取url中的待調用動態皮膚資源名，判斷匹配路徑下是否存在與所述待調用動態皮膚資源名同名的本地動態皮膚資源，若存在，則返回本地動態皮膚資源，所述匹配路徑為原生應用中動態皮膚資源所在的路徑。

本發明的有益效果在于：通過攔截url，將H5頁面需要進行動態換膚的資源替換成原生應用中的本地動態皮膚資源，從而實現H5頁面在原生應用中的皮膚切換，使得H5頁面能根據用戶的實際需求去選擇自己所喜歡的皮膚，提高了用戶使用H5頁面的體驗。

附圖說明

圖1為本發明實施例的一種H5頁面在原生應用中動態換膚的方法的流程示意圖；

圖2為本發明實施例的一種H5頁面在原生應用中動態換膚的終端的具體流程示意圖；

圖3為本發明實施例的一種H5頁面在原生應用中動態換膚的終端的結構示意圖；