(19)中华 人民共和国 国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210096740.4 (22)申请日 2022.01.26 (71)申请人 拉扎斯网络科技 （上海） 有限公司 地址 200333 上海市普陀区真北路78 8号 507室 (72)发明人 赵树超　刘懿聪　代碧　 (74)专利代理 机构 北京中强智尚知识产权代理 有限公司 1 1448 代理人 贾依娇 (51)Int.Cl. G06F 16/958(2019.01) G06F 16/957(2019.01) G06F 9/445(2018.01) (54)发明名称 基于H5页面的数据预加载方法、 装置及电子 设备 (57)摘要 本申请提供了一种基于H5页面的数据预加 载方法， 用于基于多webviewH5进行数据异步预 加载， 其中， H5端与Native端基于通信协议进行 双 向 通 信 ， 所 述 方 法 包 括 ： 在 加 载 目 标 webviewURL之前： 所述Native端响应于目标 webview预加载触发条件， 获取所述目标webv iew 的预请求配置项； 以及， 根据所述目标webv iew的 预请求配置项， 从网络侧预先获取目标webview 的配置数据， 并以所述预请求配置项为索引， 将 所述配置数据存储在所述Native端的数据缓存 池中。 本方案可减少延迟， 改善用户体验。 权利要求书2页 说明书12页 附图6页 CN 114428930 A 2022.05.03 CN 114428930 A 1.一种基于H5页面的数据预加载方法， 其特征在于， 用于基于多web viewH5进行数据异 步预加载， 其中， H 5端与Native端基于通信协议进行双向通信， 所述方法包括： 在加载目标webviewURL之前： 所述Native端响应于目标webview预加载触发条件， 获取所述目标webview的预请求配 置项； 以及， 根据所述目标webview的预请求配置项， 从网络侧预先获取目标webview的配置数据， 并以所述预请求配置项为索引， 将所述配置数据存 储在所述 Native端的数据缓存 池中。 2.根据权利要求1所述的方法， 其特征在于， 所述Native端响应于目标webview预加载 触发条件， 获取 所述目标webview的预请求配置项， 包括： 所述Native端响应于以scheme形式对多webview  H5容器进行的路由启动操作， 从所述 scheme中解析 出所述目标webviewURL； 根据所述目标webviewURL在预请求库中进行匹配， 得到所述目标webview的预请求配 置项。 3.根据权利要求1所述的方法， 其特征在于， 所述Native端响应于目标webview预加载 触发条件， 获取 所述目标webview的预请求配置项， 包括： 所述Native端响应于多webviewH5容器启动的操作， 向网络侧请求从多webview所需加 载所有配置数据中进行查找， 确定出 所述目标webviewURL； 根据所述目标webviewURL在预请求库中进行匹配， 得到所述目标webview的预请求配 置项。 4.根据权利要求1所述的方法， 其特征在于， 所述Native端响应于目标webview预加载 触发条件， 获取 所述目标webview的预请求配置项， 包括： 所述Native端响应于用户页面操作， 获取 所述页面操作对应的目标webviewURL； 根据所述目标webviewURL在预请求库中进行匹配， 得到所述目标webview的预请求配 置项。 5.根据权利要求4所述的方法， 其特征在于， 所述页面操作包括页面滑动操作、 页面标 签点击操作， 或， 页面指示器点击或切换操作。 6.一种基于数据预加载的H5页面实现方法， 其特征在于， 用于基于数据异步预加载实 现H5多webview， 其中， H 5端与Native端基于通信协议进行双向通信， 所述方法包括： 在加载目标webviewURL时， 所述N ative端在本地的数据缓存池中以预请求配置项为索 引查找配置数据； 若查找成功， 则将查找到的目标webview的配置数据发送给所述H5端， 使得H5端根据配 置数据进行页面 渲染。 7.一种基于H5页面的数据预加载装置， 其特征在于， 用于基于多webview  H5进行数据 异步预加载， 所述装置包括H5端和Nativ e端， H5端与Native端基于通信协议进行双向通信， 其中， 所述Native端用于， 在加载目标webviewURL之前， 响应于目标webview预加载触发条 件， 获取所述目标webview的预请求配置项； 以及， 根据所述目标webview的预请求配置项， 从网络侧预先获取目标webview的配置数据， 并以所述预请求配置项为索引， 将所述配置数 据存储在所述 Native端的数据缓存 池中。 8.一种基于数据预加载的H5页面实现装置， 其特征在于， 用于基于数据异步预加载实权　利　要　求　书 1/2 页 2 CN 114428930 A 2现H5多webview， 所述装置包括H5端和Native端， 其中， 所述Native端用于： 在加载目标 webviewURL时， 在本地的数据缓存池中以预请求配置项为索引查找配置数据； 若查找成功， 则将查找到的目标webview的配置数据 发送给所述H5端， 使得H5端根据配置数据进行页面 渲染。 9.一种存储介质， 其特征在于， 所述存储介质中存储有计算机程序， 其中， 所述计算机 程序被设置为 运行时执 行权利要求1至 6任一项中所述的方法。 10.一种电子装置， 包括存储器和 处理器， 其特征在于， 所述存储器中存储有计算机程 序， 所述处 理器被设置为 运行所述计算机程序以执 行权利要求1至 6任一项中所述的方法。权　利　要　求　书 2/2 页 3 CN 114428930 A 3