[發明專利]一種頁面加載方法、裝置、存儲介質及電子設備

在審

• 申請號: 202011476159.2
• 申請日: 2020-12-14
• 公開（公告）號: CN112579938A
• 公開（公告）日: 2021-03-30
• 發明（設計）人: 張家偉;許樂樂;王海婧
• 申請（專利權）人: 北京三快在線科技有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957
• 代理公司: 北京曼威知識產權代理有限公司 11709
• 代理人: 方志煒

本說明書公開了一種頁面加載方法、裝置、存儲介質及電子設備，本說明書實施例先獲取加載目標頁面所需的靜態資源，其中，靜態資源由至少兩個子靜態資源構成，根據各子靜態資源的加載順序，依次加載各子靜態資源，以展示加載不同子靜態資源時處于不同狀態的所述目標頁面，當靜態資源加載完成后，獲取加載目標頁面所需的動態資源，通過加載動態資源，展示最終狀態的目標頁面。在剛開始加載目標頁面到目標頁面加載完成的過程中，將加載目標頁面所需的資源進行階段性加載，為用戶展示了加載不同階段時處于不同狀態的目標頁面。

技術領域

本說明書涉及計算機技術領域，尤其涉及一種頁面加載方法、裝置、存儲介質及電子設備。

背景技術

現在，人們的生活離不開網絡，比如，人們利用網絡進行網購或點外賣。但不同的網絡情況會影響人們訪問網絡頁面的積極性。

當客戶端的用戶處于弱網的環境中，用戶想要訪問某個頁面，因為網速慢而導致用戶訪問的頁面一直顯示為白屏，直到頁面加載完成，該頁面才顯示出頁面完整的內容。而頁面內容顯示完整后，用戶才能進行后續的頁面操作。

可見，現有技術中，當用戶訪問某個頁面時，客戶端無法為用戶展示從頁面加載開始到頁面加載完成之間的階段性過程。

發明內容

本說明書實施例提供一種頁面加載方法、裝置、存儲介質及電子設備，以部分解決上述現有技術存在的問題。

本說明書實施例采用下述技術方案：

本說明書提供的一種頁面加載方法，包括：

發送針對目標頁面的頁面訪問請求；

獲取加載所述目標頁面所需的靜態資源，所述靜態資源由至少兩個預先配置的子靜態資源構成；

對所述靜態資源進行解析，得到各子靜態資源；

根據解析得到的各子靜態資源，確定所述各子靜態資源的加載順序；

按照各子靜態資源的加載順序，依次加載所述各子靜態資源，以展示加載不同子靜態資源時處于不同狀態的所述目標頁面；

當所述靜態資源加載完成后，獲取加載所述目標頁面所需的動態資源；

通過加載所述動態資源，展示最終狀態的所述目標頁面。

可選地，所述靜態資源包括：主文檔文件、樣式文件、腳本文件和靜態頁面內容；

所述主文檔文件包括：頁面加載的相關配置和頁面加載過程中涉及的主要模塊的初始代碼文件；

所述樣式文件是指頁面中顯示樣式的代碼文件；

所述腳本文件是指頁面中顯示的組件的代碼文件；

各子靜態資源的執行順序由先到后為：主文檔文件、樣式文件、腳本文件和靜態頁面內容。

可選地，在加載所述主文檔文件的過程中，展示所述目標頁面，具體包括：

在所述目標頁面中展示預先配置的所述目標頁面的頁面標識，所述頁面標識包括：頁面標題和頁面圖形標志。

可選地，加載所述主文檔文件后，在加載所述樣式文件的過程中，展示所述目標頁面，具體包括：

在所述目標頁面中展示預先配置的頁面背景色。

可選地，加載所述樣式文件后，在加載所述腳本文件的過程中，展示所述目標頁面，具體包括：

在所述目標頁面中展示所述目標頁面的頁面框架。

可選地，加載所述腳本文件后，在加載所述靜態頁面內容的過程中，展示所述目標頁面，具體包括：