【技术实现步骤摘要】
HTML5页面的加载方法、装置、计算机设备及存储介质
本专利技术涉及计算机
，尤其涉及一种HTML5页面的加载方法、装置、计算机设备及存储介质。
技术介绍
HTML5(英文全称：HyperTextMarkupLanguage，中文名称：第五代超级文本标记语言)，因其引入了强大的绘图、音频播放、视频播放等元素而被广泛应用在混合应用程序中。在混合应用程序中，当加载HTML5页面时，需要注入交互协议以使得HTML5页面可以与混合应用程序中原生模块(英文名称：NativeModule)进行交互。目前，业界主要采用操作系统进行交互协议的注入，这种注入方式容易出现注入时间差。比如，当操作系统选择在加载HTML5页面之前注入交互协议时，就容易因网络等原因在HTML5页面开始加载之后才开始注入交互协议，导致注入时间的延迟。再比如，当操作系统选择在加载完HTML5页面的页面样式之后注入交互协议时，也容易因网络等原因在HTML5页面的页面样式加载完成之前就进行交互协议的注入，导致注入时间的提前。同时，现有的操作系统注入交互协议的方式也会占用操作系统较多的内存和资源，不利于资源的...
【技术保护点】
1.一种HTML5页面的加载方法，应用于混合应用程序中，所述混合应用程序包括原生模块和HTML5模块，其特征在于，所述方法包括：当通过所述HTML5模块调用网络视图组件以加载HTML5页面时，通过所述HTML5模块中的JS脚本向所述原生模块发送监听请求；在所述原生模块接收到所述监听请求后，通过所述原生模块监听所述HTML5页面是否完成页面样式的加载；若通过所述原生模块监听到所述HTML5页面完成页面样式的加载，通过所述原生模块向所述JS脚本发送完成加载反馈信息；在所述JS脚本接收到所述完成加载反馈信息后，通过所述JS脚本运行预设协议以触发预设事件；在所述原生模块监听到所述J...
【技术特征摘要】
1.一种HTML5页面的加载方法，应用于混合应用程序中，所述混合应用程序包括原生模块和HTML5模块，其特征在于，所述方法包括：当通过所述HTML5模块调用网络视图组件以加载HTML5页面时，通过所述HTML5模块中的JS脚本向所述原生模块发送监听请求；在所述原生模块接收到所述监听请求后，通过所述原生模块监听所述HTML5页面是否完成页面样式的加载；若通过所述原生模块监听到所述HTML5页面完成页面样式的加载，通过所述原生模块向所述JS脚本发送完成加载反馈信息；在所述JS脚本接收到所述完成加载反馈信息后，通过所述JS脚本运行预设协议以触发预设事件；在所述原生模块监听到所述JS脚本触发的所述预设事件后，通过所述原生模块将预先存储的交互协议注入至所述HTML5页面的Window对象中，以便于所述JS脚本基于所述交互协议与所述原生模块进行交互访问；以及通过所述JS脚本加载所述HTML5页面的数据逻辑以完成所述HTML5页面的加载。2.根据权利要求1所述的HTML5页面的加载方法，其特征在于，在通过所述HTML5模块中的JS脚本向所述原生模块发送监听请求之前，还包括：判断所述HTML5页面是否为所述混合应用程序的HTML5页面；以及若所述HTML5页面为所述混合应用程序的HTML5页面，执行通过所述HTML5模块中的JS脚本向所述原生模块发送监听请求的步骤。3.根据权利要求2所述的HTML5页面的加载方法，其特征在于，在所述判断所述HTML5页面是否为所述混合应用程序的HTML5页面之后，还包括：若所述HTML5页面不是所述混合应用程序的HTML5页面，加载所述HTML5页面的页面样式以及JS脚本以完成所述HTML5页面的加载。4.根据权利要求1所述的HTML5页面的加载方法，其特征在于，在所述通过所述原生模块将预先存储的交互协议注入至所述HTML5页面的Window对象中之后，还...
【专利技术属性】
技术研发人员：蔡荣辉，
申请(专利权)人：平安普惠企业管理有限公司，
类型：发明
国别省市：广东,44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。