[發明專利]頁面骨架展示方法、裝置、電子設備及存儲介質

在審

• 申請號: 202210111787.3
• 申請日: 2022-01-29
• 公開（公告）號: CN114443033A
• 公開（公告）日: 2022-05-06
• 發明（設計）人: 彭志國;張舜宇
• 申請（專利權）人: 北京字節跳動網絡技術有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/41;G06F16/958
• 代理公司: 北京中知法苑知識產權代理有限公司 11226
• 代理人: 李明

1.一種頁面骨架展示方法，其特征在于，包括：

基于領域特定語言解析工具，確定目標頁面中的至少一個頁面元素的第一屬性信息；所述第一屬性信息包括元素路徑信息、元素尺寸信息以及元素樣式信息中的至少一種；

基于所述目標頁面的源碼文件，確定所述至少一個頁面元素的第二屬性信息；所述第二屬性信息包括元素位置信息；

基于所述第一屬性信息以及所述第二屬性信息，生成骨架代碼文件；

基于所述骨架代碼文件，展示骨架頁面。

2.根據權利要求1所述的方法，其特征在于，所述基于所述目標頁面的源碼文件，確定所述至少一個頁面元素的第二屬性信息，包括：

基于所述源碼文件，生成抽象語法樹；

基于所述抽象語法樹，確定所述至少一個頁面元素的第二屬性信息。

3.根據權利要求1所述的方法，其特征在于，所述基于所述第一屬性信息以及所述第二屬性信息，生成骨架代碼文件，包括：

將屬于同一目標頁面元素的所述第一屬性信息與所述第二屬性信息進行匹配，其中，所述目標頁面元素為所述至少一個頁面元素的其中一個；

基于所述第一屬性信息，對所述目標頁面元素進行數據處理，生成所述骨架代碼文件。

4.根據權利要求3所述的方法，其特征在于，所述第二屬性信息還包括元素內容信息，所述基于所述第一屬性信息，對所述目標頁面元素進行數據處理，包括：

刪除所述目標頁面元素中的元素內容信息；

基于所述第一屬性信息，確定所述目標頁面元素的元素尺寸信息和骨架標識信息。

5.根據權利要求1至4任意一項所述的方法，其特征在于，所述基于領域特定語言解析工具，確定目標頁面中的至少一個頁面元素的第一屬性信息之前，所述方法還包括：

響應于頁面加載請求操作，加載所述目標頁面對應的目標頁面內容；

基于所述目標頁面內容，確定所述目標頁面相對于當前頁面發生改變的所述至少一個頁面元素。

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

在確定所述目標頁面內容加載完成的情況下，基于所述骨架頁面以及所述目標頁面內容，展示所述目標頁面。

7.根據權力要求6所述的方法，其特征在于，所述骨架代碼文件包括多個子骨架代碼文件；所述基于所述骨架代碼文件展示骨架頁面，包括：

基于所述多個子骨架代碼文件，展示所述骨架頁面。

8.一種頁面骨架展示裝置，其特征在于，包括：

第一屬性信息確定模塊，用于基于領域特定語言解析工具，確定目標頁面中的至少一個頁面元素的第一屬性信息；所述第一屬性信息包括元素路徑信息、元素尺寸信息以及元素樣式信息中的至少一種；

第二屬性信息確定模塊，用于基于所述目標頁面的源碼文件，確定所述至少一個頁面元素的第二屬性信息；所述第二屬性信息包括元素位置信息；

骨架代碼文件生成模塊，用于基于所述第一屬性信息以及所述第二屬性信息，生成骨架代碼文件；

骨架頁面展示模塊，用于基于所述骨架代碼文件，展示骨架頁面。

9.一種電子設備，其特征在于，包括：處理器、存儲器和總線，所述存儲器存儲有所述處理器可執行的機器可讀指令，當電子設備運行時，所述處理器與所述存儲器之間通過總線通信，所述機器可讀指令被所述處理器執行時執行如權利要求1至7任意一項所述的頁面骨架展示方法。

10.一種計算機可讀存儲介質，其特征在于，該計算機可讀存儲介質上存儲有計算機程序，該計算機程序被處理器運行時執行如權利要求1至7任意一項所述的頁面骨架展示方法。