[发明专利]Hybrid app页面加载方法、装置和计算机设备

说明书

本申请揭示了一种Hybrid app页面加载的方法、装置、计算机设备和存储介质，所述方法包括：采用webview控件获取输入的URL地址；截获所述URL地址，同时获取离线包中的预加载文件中所述URL地址对应的ajax地址，并根据所述ajax地址开始加载ajax数据，同时加载所述URL地址对应的页面数据；在所述页面数据加载完全后，展示预留有所述ajax数据对应位置的页面，同时判断所述ajax数据是否加载完全；若所述ajax数据加载完全，则拼接所述页面数据与所述ajax数据，并基于拼接后的数据采用webview控件渲染页面。从而加快app页面展示速度，减少用户等待时间。

技术领域

本申请涉及到计算机领域，特别是涉及到一种Hybrid app页面加载的方法、装置、计算机设备和存储介质。

背景技术

人们已广泛使用移动终端的APP来进行网络学习、网络社交、网上娱乐等内容。其中，Hybrid app被大量使用。Hybrid app(混合模式移动应用)是指介于web-app(网页应用)、native-app(原生应用)这两者之间的app。Webview(网络视图)控件是Hybrid框架下用来展示web页面的控件。目前基于Hybrid APP框架启动需要先加载网页，网页加载完成才能通过ajax(Asynchronous Javascript And XML)访问网络或者加载资源，这样顺序加载会导致页面长时间白屏，显示内容比较慢。从而用户需要等待页面加载，浪费不必要的时间。

发明内容

本申请的主要目的为提供一种Hybrid app页面加载的方法、装置、计算机设备和存储介质，旨在加快APP页面展示速度，减少用户等待时间。

为了实现上述发明目的，本申请提出一种Hybrid app页面加载的方法，包括以下步骤：

采用webview控件获取输入的URL(统一资源定位符)地址；

截获所述URL地址，同时获取预存的离线包中的预加载文件中所述URL地址对应的ajax地址，并根据所述ajax地址开始加载ajax数据，同时加载所述URL地址对应的页面数据；

在所述页面数据加载完全后，展示预留有所述ajax数据对应位置的页面，同时判断所述ajax数据是否加载完全；

若所述ajax数据加载完全，则拼接所述页面数据与所述ajax数据，并基于拼接后的数据采用webview控件渲染页面。

进一步地，所述截获所述URL地址，同时获取预存的离线包中的预加载文件中所述URL地址对应的ajax地址，并根据所述ajax地址开始加载ajax数据的步骤，包括：

截获所述URL地址；

获取预存的离线包中的预加载文件；

判断所述预加载文件中是否存在所述URL地址；

若存在所述URL地址，判断与所述URL地址对应的ajax地址信息是否为空；

若与所述URL地址对应的ajax地址信息不为空，则获取所述ajax地址，并根据所述ajax地址开始加载ajax数据。

进一步地，所述加载所述URL地址对应的页面数据的步骤，包括：

判断是否存在所述URL地址对应的本地页面文件的页面数据；

若存在所述URL地址对应的本地页面文件，则加载所述本地页面文件；

若不存在所述URL地址对应的本地页面文件，则从所述URL地址对应的服务器中加载所述页面数据。

进一步地，所述判断是否存在所述URL地址对应的本地页面文件的页面数据的步骤，包括：

从本地的局部存储器中查询所述URL地址；