[发明专利]HTML5页面的加载方法、装置、计算机设备及存储介质

说明书

本发明实施例公开了一种HTML5页面的加载方法、装置、计算机设备及存储介质。该方法包括当通过HTML5模块调用网络视图组件以加载HTML5页面时，通过HTML5模块中的JS脚本向原生模块发送监听请求；在原生模块接收到监听请求后，若通过原生模块监听到HTML5页面完成页面样式的加载，通过原生模块向JS脚本发送完成加载反馈信息；在JS脚本接收到完成加载反馈信息后，通过JS脚本运行预设协议以触发预设事件；在原生模块监听到JS脚本触发的预设事件后，通过原生模块将预先存储的交互协议注入至HTML5页面的Window对象中；通过JS脚本加载HTML5页面的数据逻辑以完成HTML5页面的加载。该方法可解决交互协议的注入时差问题，防止交互协议发生泄露，提高终端的网络安全性。

技术领域

本发明涉及计算机技术领域，尤其涉及一种HTML5页面的加载方法、装置、计算机设备及存储介质。

背景技术

HTML5(英文全称：HyperText Markup Language，中文名称：第五代超级文本标记语言)，因其引入了强大的绘图、音频播放、视频播放等元素而被广泛应用在混合应用程序中。在混合应用程序中，当加载HTML5页面时，需要注入交互协议以使得HTML5页面可以与混合应用程序中原生模块(英文名称：Native Module)进行交互。

目前，业界主要采用操作系统进行交互协议的注入，这种注入方式容易出现注入时间差。比如，当操作系统选择在加载HTML5页面之前注入交互协议时，就容易因网络等原因在HTML5页面开始加载之后才开始注入交互协议，导致注入时间的延迟。再比如，当操作系统选择在加载完HTML5页面的页面样式之后注入交互协议时，也容易因网络等原因在HTML5页面的页面样式加载完成之前就进行交互协议的注入，导致注入时间的提前。同时，现有的操作系统注入交互协议的方式也会占用操作系统较多的内存和资源，不利于资源的合理分配。

发明内容

本发明实施例提供了一种HTML5页面的加载方法、装置、计算机设备及存储介质，以解决交互协议的注入时差的问题以及交互协议注入占用操作系统较多的内存的问题。

第一方面，本发明实施例提供了一种HTML5页面的加载方法，应用于混合应用程序中，所述混合应用程序包括原生模块和HTML5模块，所述方法包括：当通过所述HTML5模块调用网络视图组件以加载HTML5页面时，通过所述HTML5模块中的JS脚本向所述原生模块发送监听请求；在所述原生模块接收到所述监听请求后，通过所述原生模块监听所述HTML5页面是否完成页面样式的加载；若通过所述原生模块监听到所述HTML5页面完成页面样式的加载，通过所述原生模块向所述JS脚本发送完成加载反馈信息；在所述JS脚本接收到所述完成加载反馈信息后，通过所述JS脚本运行预设协议以触发预设事件；在所述原生模块监听到所述JS脚本触发的所述预设事件后，通过所述原生模块将预先存储的交互协议注入至所述HTML5页面的Window对象中，以便于所述JS脚本基于所述交互协议与所述原生模块进行交互访问；以及通过所述JS脚本加载所述HTML5页面的数据逻辑以完成所述HTML5页面的加载。

第二方面，本发明实施例还提供了一种HTML5页面的加载装置，其包括用于执行上述HTML5页面的加载方法的单元。

第三方面，本发明实施例还提供了一种计算机设备，其包括存储器及处理器，所述存储器上存储有计算机程序，所述处理器执行所述计算机程序时实现上述HTML5页面的加载方法。

第四方面，本发明实施例还提供了一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时可实现上述HTML5页面的加载方法。