[發明專利]頁面加載方法、裝置和容器

在審

• 申請號: 202111424403.5
• 申請日: 2021-11-26
• 公開（公告）號: CN114253624A
• 公開（公告）日: 2022-03-29
• 發明（設計）人: 司德鵬
• 申請（專利權）人: 青島海爾科技有限公司;海爾智家股份有限公司
• 主分類號: G06F9/445
• 分類號: G06F9/445;G06F9/451;G06F11/30;G06F11/32
• 代理公司: 北京路浩知識產權代理有限公司 11002
• 代理人: 李文清

本發明提供一種頁面加載方法、裝置和容器，其中方法包括：基于目標應用對應的H5頁面的加載時長和/或數據請求結果，對所述H5頁面的加載狀態進行監測；若所述加載時長大于設定加載時間和/或所述數據請求結果出錯，則確定所述H5頁面的加載狀態為錯誤狀態，并加載所述錯誤狀態對應的錯誤反饋頁面。本發明提供的頁面加載方法、裝置和容器，既避免了因H5頁面加載錯誤產生的長時間白屏現象，也避免了目標應用重復刷新UI頁面造成的頁面跳動和布局錯位等現象，使得用戶能夠獲知H5頁面加載的情況，節省了用戶的等待時間，提高了目標應用的使用效率，提高了用戶的使用體驗。

技術領域

本發明涉及互聯網應用技術領域，尤其涉及一種頁面加載方法、裝置和容器。

背景技術

隨著超文本標記語言第5版本(HyperText Markup Language 5，簡稱HTML5或者H5)的發布，越來越多應用的前端場景都采用了H5技術。H5技術在未來主要發展的市場是在移動端互聯網領域。現階段，移動端瀏覽器的應用體驗不佳并且網頁標準不統一，阻礙了移動端網頁發展。而H5技術能夠解決這兩個問題，整體推動了整個移動端網頁方面的發展。

H5在Android(安卓)手機、iOS手機或者瀏覽器上運行的時候，當用戶首次進入H5頁面時，因為當前H5頁面需要等待數據請求，等數據請求成功后才會展示UI(UserInterface，用戶界面)頁面。如果因為請求失敗、容器不兼容或者其他未知的問題，很容易造成展示UI頁面這一步無法進行，導致長時間的白屏，造成極差的用戶體驗。

發明內容

本發明提供一種頁面加載方法、裝置和容器，用于解決現有技術中H5頁面加載時容易導致長時間的白屏，用戶體驗差的技術問題。

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

基于目標應用對應的H5頁面的加載時長和/或數據請求結果，對所述H5頁面的加載狀態進行監測；

若所述加載時長大于設定加載時間和/或所述數據請求結果出錯，則確定所述H5頁面的加載狀態為錯誤狀態，并加載所述錯誤狀態對應的錯誤反饋頁面。

根據本發明提供的頁面加載方法，所述加載所述錯誤狀態對應的錯誤反饋頁面，之前包括：

確定所述錯誤狀態的錯誤類型；

基于所述錯誤類型、預設錯誤類型，以及預設錯誤類型對應的錯誤反饋頁面，確定所述錯誤狀態對應的錯誤反饋頁面。

根據本發明提供的頁面加載方法，所述加載所述錯誤狀態對應的錯誤反饋頁面，之后包括：

將所述錯誤狀態發送至所述目標應用的開發后臺。

根據本發明提供的頁面加載方法，所述加載所述錯誤狀態對應的錯誤反饋頁面，之后包括：

若所述錯誤狀態消失，則將所述錯誤反饋頁面切換至所述H5頁面。

根據本發明提供的頁面加載方法，所述對所述H5頁面的加載狀態進行監測，之前包括：

接收目標應用基于中間件初始化接口發送的初始化命令；

執行所述初始化命令，發送初始化成功信息至所述目標應用。

本發明提供一種頁面加載裝置，包括：

監測單元，用于基于目標應用對應的H5頁面的加載時長和/或數據請求結果，對所述H5頁面的加載狀態進行監測；

加載單元，用于若所述加載時長大于設定加載時間和/或所述數據請求結果出錯，則確定所述H5頁面的加載狀態為錯誤狀態，并加載所述錯誤狀態對應的錯誤反饋頁面。

本發明提供一種容器，包括：

中間件，執行所述的頁面加載方法；