[發(fā)明專利]一種HTML頁面的本地化加載方法及裝置

有效

• 申請?zhí)枺?/td>: 201611092436.3
• 申請日: 2016-11-30
• 公開（公告）號: CN108132954B
• 公開（公告）日: 2021-12-28
• 發(fā)明（設計）人: 馮亮
• 申請（專利權）人: 深圳聯(lián)友科技有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F9/445
• 代理公司: 深圳市順天達專利商標代理有限公司 44217
• 代理人: 高占元

本發(fā)明公開了一種HTML頁面的本地化加載方法及裝置，該方法包括：將項目中的靜態(tài)頁面轉化為JSON文件，并將其打包到本地；依據JS動態(tài)加載方法將所述JSON文件讀取到除初始化以外的HTML頁面中，遍歷所述HTML頁面中的子對象，提取每個子對象中的控件對象并保存至緩存中；生成用于顯示的HTML字符串；從緩存中獲取所述控件對象，將所述控件對象中的屬性信息復制至所述HTML頁面中以替換所述HTML頁面中的HTML節(jié)點或覆蓋所述HTML頁面。該發(fā)明的有益效果為：通過HTML本地化加載，提高了Web App的運行性能和友好性，節(jié)省了用戶的等待時間。

技術領域

本發(fā)明涉及網頁開發(fā)技術領域，尤其涉及一種HTML頁面的本地化加載方法及裝置。

背景技術

移動設備的廣泛應用促進了移動應用開發(fā)的興起和流行，當下各類App應用大行其道。在移動開發(fā)領域，針對不同設備，不同操作平臺，出現了完全不同的兩大開發(fā)陣營-Android和IOS。在實際項目開發(fā)中，兩大陣營由于技術語言和開發(fā)平臺的差異導致相同功能的代碼卻難以復用，增加了開發(fā)的成本。為了更大程度上的減少開發(fā)成本和技術難度，一種新的App模式應運而生-Web App。

由于受瀏覽器本身的限制，任何形式的Web程序都有兩個共同問題需要克服，性能問題和交互的友好性問題。移動設備由于資源的有限更需要很好的解決這兩個問題，現有的Web App基本上是將靜態(tài)的HTML頁面通過App打包工具生成一個可運行在移動設備上面的Web App。

由于受到html頁面運行機制的限制，不同頁面的跳轉都會有一個加載和卸載的過程，尤其是頁面內容較多時。這就增加了用戶的等待時間，較大程度上的影響Web App的性能和友好性。

發(fā)明內容

本發(fā)明要解決的技術問題在于，針對上述現有技術中用戶的等待時間較長，且影響Web App的性能和友好性的問題，提供一種HTML頁面的本地化加載方法及裝置。

本發(fā)明解決其技術問題所采用的技術方案是：

構造一種HTML頁面的本地化加載方法，包括步驟：

將項目中的靜態(tài)頁面轉化為JSON文件，并將其打包到本地；

依據JS動態(tài)加載方法將所述JSON文件讀取到除初始化以外的HTML頁面中，遍歷所述HTML頁面中的子對象，提取每個子對象中的控件對象并保存至緩存中；

生成用于顯示的HTML字符串；

從緩存中獲取所述控件對象，將所述控件對象中的屬性信息復制至所述HTML頁面中以替換所述HTML頁面中的HTML節(jié)點或覆蓋所述HTML頁面。

在本發(fā)明所述的本地化加載方法中，還包括步驟：

將預設的JS庫引用至所述靜態(tài)頁面。

在本發(fā)明所述的本地化加載方法中，還包括步驟：

在所述HTML頁面跳轉時，執(zhí)行前置頁面的卸載操作以銷毀所述前置頁面中的頁面控件。

在本發(fā)明所述的本地化加載方法中，所述生成用于顯示的HTML字符串的步驟中，根據className屬性調用所述JS庫以生成用于顯示的HTML字符串。

在本發(fā)明所述的本地化加載方法中，所述從緩存中獲取所述控件對象，將所述控件對象中的屬性信息復制至所述HTML頁面中以替換所述HTML頁面中的HTML節(jié)點或覆蓋所述HTML頁面的步驟包括以下子步驟：

解析所述HTML字符串，并獲取緩存中的所述控件對象；

將所述控件對象中的屬性信息復制至所述HTML頁面中，所述屬性信息包括默認值、緩存值及綁定事件；