[發明專利]一種動態頁面的展示方法及電子設備

在審

• 申請號: 201710978295.3
• 申請日: 2017-10-18
• 公開（公告）號: CN109684580A
• 公開（公告）日: 2019-04-26
• 發明（設計）人: 仲陽
• 申請（專利權）人: 中移（蘇州）軟件技術有限公司;中國移動通信集團公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F16/957;G06F8/41
• 代理公司: 北京同達信恒知識產權代理有限公司 11291
• 代理人: 郭潤湘

本發明公開了一種動態頁面的展示方法及電子設備，用于提高頁面展示的速度。其中，移動應用頁面的展示方法包括：獲取移動應用的頁面布局數據，所述頁面布局數據至少包括原生組件數據和頁面元素數據；對所述頁面布局數據中的原生組件數據進行解析，獲得所述移動應用在運行過程中調用的至少一個原生組件；根據所述頁面元素數據確定所述移動應用在運行過程中要展示的頁面元素；調用所述至少一個原生組件，對所述移動應用的頁面元素進行渲染展示。

技術領域

本發明涉及計算機技術領域，特別涉及一種動態頁面的展示方法及電子設備。

背景技術

終端包括了越來越多的應用(Application，APP)，例如Windows應用、安卓(Android)應用、IOS應用等。且商家可以通過應用平臺推廣各種促銷活動，這就要求APP展示頁面能夠支持動態展示。

目前，這些應用在展示頁面的過程中，通過嵌入的網頁窗口(Webview)組件的方式實現動態展示。Webview組件的方式需要加載動態內容的頁面資源，對動態內容的頁面資源進行渲染處理后，展示出渲染結果，也就是頁面。而Webview組件作為一個內嵌瀏覽器，實際上同獨立瀏覽器一樣對CPU、內存消耗較大，尤其是當頁面資源，例如圖片的數量較多時，加載圖片耗費的內存較多，圖片加載慢、甚至會出現頁面卡頓、閃退等現象。

可見，目前動態頁面的展示速度較慢。

發明內容

本發明實施例提供一種動態頁面的展示方法及電子設備，用于提高頁面展示的速度。

第一方面，本發明一實施例提供了一種移動應用頁面的展示方法，該展示方法包括：

獲取移動應用的頁面布局數據，所述頁面布局數據至少包括原生組件數據和頁面元素數據；

對所述頁面布局數據中的原生組件數據進行解析，獲得所述移動應用在運行過程中調用的至少一個原生組件；

根據所述頁面元素數據確定所述移動應用在運行過程中要展示的頁面元素；

調用所述至少一個原生組件，對所述移動應用的頁面元素進行渲染展示。

可選的，獲取移動應用的頁面布局數據，包括：

獲取存儲的所述移動應用的軟件開發工具包SDK文件；

運行所述SDK文件獲取移動應用的頁面布局數據。

可選的，在獲取移動應用的頁面布局數據之前，還包括：

為各個操作系統的原生組件設置原生標簽；其中，相同功能的原生組件設置相同的原生標簽；

將設置的原生標簽作為所述原生組件數據。

可選的，還包括：

在網頁前端模板文件中內置所述原生組件數據；所述前端模板文件至少包括JS文件、超文本標記語言HTML文件和層疊樣式表CSS文件；

重新編譯內置了所述原生組件數據的網頁前端模板文件，生成軟件開發工具包SDK文件。

可選的，在重新編譯內置了所述原生組件數據的網頁前端模板文件，生成軟件工具開發包SDK文件之前，還包括：

在前端轉碼器Babel的配置文件中添加轉碼規則；所述Babel用于將編寫的代碼轉化成編譯引擎能夠識別的代碼，所述轉碼規則為能將內置了原生組件數據的網頁前端模板文件轉化為所述編譯引擎能夠識別的文件的規則。

可選的，在重新編譯內置了所述原生組件數據的網頁前端模板文件，生成軟件工具開發包SDK文件之后，還包括：

將生成的軟件工具開發包SDK文件發布給服務器。