[發明專利]頁面顯示方法、裝置及存儲介質

有效

• 申請號: 201710448938.3
• 申請日: 2017-06-14
• 公開（公告）號: CN107220371B
• 公開（公告）日: 2021-06-25
• 發明（設計）人: 吳華;范宏偉
• 申請（專利權）人: 北京小米移動軟件有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F8/30
• 代理公司: 北京三高永信知識產權代理有限責任公司 11138
• 代理人: 林錦瀾

1.一種頁面顯示方法，其特征在于，所述方法應用于頁面顯示裝置中，所述頁面顯示裝置包括JavaScript執行層、轉換層及原生層，所述方法包括：

所述JavaScript執行層對請求顯示的指定網頁進行解析，得到JavaScript文件；

在執行所述JavaScript文件的過程中，所述JavaScript執行層生成虛擬樹形結構，并向所述轉換層發送第一繪制消息，所述第一繪制消息包括所述虛擬樹形結構，所述虛擬樹形結構包括多個元素，每個元素均采用JavaScript語句進行描述；

所述轉換層將所述虛擬樹形結構中的多個元素轉換為所述原生層可識別的多個第一視圖，并將所述多個第一視圖發送至所述原生層，每個第一視圖包括視圖數據和視圖結構數據；

對于任一第一視圖，當資源池中緩存有所述第一視圖的視圖結構數據對應的視圖結構，所述原生層從所述視圖結構數據中獲取目標視圖結構標識，并根據所述目標視圖結構標識，從所述資源池中查找結構標識與目標結構標識相同的視圖結構，所述資源池用于存儲一種類型的視圖結構，且所述資源池中緩存的是已繪制且當前未使用的視圖結構；

當查找到結構標識與所述目標結構標識相同的視圖結構，所述原生層從所述資源池中獲取所述視圖結構，并將所述第一視圖的視圖數據添加到所述視圖結構中，以實現頁面顯示。

2.根據權利要求1所述的方法，其特征在于，所述將所述第一視圖的視圖數據添加到所述視圖結構中，以實現頁面顯示，包括：

所述原生層根據所述第一視圖之外的其他第一視圖的視圖結構數據，繪制其他第一視圖對應的視圖結構，并將所述視圖結構整合到所繪制的視圖結構中，得到所述指定網頁對應的視圖結構；

所述原生層將所述第一視圖的視圖數據及其他第一視圖的視圖數據添加到所述指定網頁對應的視圖結構中，得到所述指定網頁對應的原生頁面；

所述原生層顯示所述原生頁面。

3.根據權利要求1所述的方法，其特征在于，所述方法還包括：

當所述第一視圖處于隱藏狀態時，所述原生層獲取所述第一視圖的視圖結構數據對應的視圖結構，并將所述視圖結構存儲到所述資源池中。

4.根據權利要求1所述的方法，其特征在于，所述向所述轉換層發送第一繪制消息，包括：

所述JavaScript執行層調用與所述轉換層之間的通信接口向所述轉換層發送第一繪制消息。

5.根據權利要求1所述的方法，其特征在于，所述轉換層將所述虛擬樹形結構中的多個元素轉換為所述原生層可識別的多個第一視圖，包括：

基于預先構建的規則數據庫，所述轉換層將所述虛擬樹形結構中的多個元素轉換為所述原生層可識別的多個第一視圖，所述規則數據庫中存儲有JavaScript語句與第一視圖之間的對應關系。

6.根據權利要求5所述的方法，其特征在于，所述方法還包括：

當獲取到更新的JavaScript語句和更新的第一視圖，所述轉換層根據所述更新的JavaScript語句和所述更新的第一視圖，對所述規則數據庫進行更新。

7.根據權利要求1所述的方法，其特征在于，所述方法還包括：

當在所述指定網頁上檢測到觸發操作時，所述原生層向所述JavaScript執行層發送通知消息，所述通知消息包括變更的元素標識；

所述JavaScript執行層根據所述變更的元素標識，修改所述虛擬樹形結構，并向所述轉換層發送第二繪制消息，所述第二繪制消息包括所述修改后的虛擬樹形結構；

所述轉換層將所述修改后的虛擬樹形結構中的多個元素轉換為所述原生層可識別的多個第二視圖，并將所述多個第二視圖發送至所述原生層，由所述原生層進行頁面顯示。

8.根據權利要求7所述的方法，其特征在于，所述原生層向所述JavaScript執行層發送通知消息，包括：

所述原生層調用所述與所述JavaScript執行層之間的通信接口向所述JavaScript執行層發送通知消息。