页面加载方法、装置和容器.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN114253624A(43)申请公布日2022.03.29(21)申请号202111424403.5(22)申请日2021.11.26(71)申请人青岛海尔科技有限公司地址266101山东省青岛市崂山区海尔路1号海尔工业园申请人海尔智家股份有限公司(72)发明人司德鹏(74)专利代理机构北京路浩知识产权代理有限公司11002代理人李文清(51)Int.Cl.G06F9/445(2018.01)G06F9/451(2018.01)G06F11/30(2006.01)G06F11/32(2006.01)权利要求书1页说明书10页附图3页(54)发明名称页面加载方法、装置和容器(57)摘要本发明提供一种页面加载方法、装置和容器，其中方法包括：基于目标应用对应的H5页面的加载时长和/或数据请求结果，对所述H5页面的加载状态进行监测；若所述加载时长大于设定加载时间和/或所述数据请求结果出错，则确定所述H5页面的加载状态为错误状态，并加载所述错误状态对应的错误反馈页面。本发明提供的页面加载方法、装置和容器，既避免了因H5页面加载错误产生的长时间白屏现象，也避免了目标应用重复刷新UI页面造成的页面跳动和布局错位等现象，使得用户能够获知H5页面加载的情况，节省了用户的等待时间，提高了目标应用的使用效率，提高了用户的使用体验。CN114253624ACN114253624A权利要求书1/1页1.一种页面加载方法，其特征在于，包括：基于目标应用对应的H5页面的加载时长和/或数据请求结果，对所述H5页面的加载状态进行监测；若所述加载时长大于设定加载时间和/或所述数据请求结果出错，则确定所述H5页面的加载状态为错误状态，并加载所述错误状态对应的错误反馈页面。2.根据权利要求1所述的页面加载方法，其特征在于，所述加载所述错误状态对应的错误反馈页面，之前包括：确定所述错误状态的错误类型；基于所述错误类型、预设错误类型，以及预设错误类型对应的错误反馈页面，确定所述错误状态对应的错误反馈页面。3.根据权利要求1所述的页面加载方法，其特征在于，所述加载所述错误状态对应的错误反馈页面，之后包括：将所述错误状态发送至所述目标应用的开发后台。4.根据权利要求1所述的页面加载方法，其特征在于，所述加载所述错误状态对应的错误反馈页面，之后包括：若所述错误状态消失，则将所述错误反馈页面切换至所述H5页面。5.根据权利要求1至4任一项所述的页面加载方法，其特征在于，所述对所述H5页面的加载状态进行监测，之前包括：接收目标应用基于中间件初始化接口发送的初始化命令；执行所述初始化命令，发送初始化成功信息至所述目标应用。6.一种页面加载装置，其特征在于，包括：监测单元，用于基于目标应用对应的H5页面的加载时长和/或数据请求结果，对所述H5页面的加载状态进行监测；加载单元，用于若所述加载时长大于设定加载时间和/或所述数据请求结果出错，则确定所述H5页面的加载状态为错误状态，并加载所述错误状态对应的错误反馈页面。7.一种容器，其特征在于，包括：中间件，执行如权利要求1至5任一项所述的页面加载方法；页面模块，与所述中间件连接，用于加载目标应用对应的H5页面。8.根据权利要求7所述的容器，其特征在于，所述中间件存储有多个预设错误类型，以及每一预设错误类型对应的错误反馈页面。9.一种电子设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1至5任一项所述页面加载方法的步骤。10.一种非暂态计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至5任一项所述页面加载方法的步骤。2CN114253624A说明书1/10页页面加载方法、装置和容器技术领域[0001]本发明涉及互联网应用技术领域，尤其涉及一种页面加载方法、装置和容器。背景技术[0002]随着超文本标记语言第5版本(HyperTextMarkupLanguage5，简称HTML5或者H5)的发布，越来越多应用的前端场景都采用了H5技术。H5技术在未来主要发展的市场是在移动端互联网领域。现阶段，移动端浏览器的应用体验不佳并且网页标准不统一，阻碍了移动端网页发展。而H5技术能够解决这两个问题，整体推动了整个移动端网页方面的发展。[0003]H5在Android(安卓)手机、iOS手机或者浏览器上运行的时候，当用户首次进入H5页面时，因为当前H5页面需要等待数据请求，等数据请求成功后才会展示UI(UserInterface，用户界面)页面。如果因为请求失败、容器不兼容或者其他未知的问题，很容易造成展示UI页面这一步无法进行，导致长时间的白屏，