[发明专利]页面的展示方法及系统、存储介质、电子装置

说明书

本发明实施例提供了一种页面的展示方法及系统、存储介质、电子装置，上述方法包括：在检测到目标页面被打开后，通过本机设备请求目标文件，其中，所述目标文件至少包括以下之一：资源下载文件，接口请求文件；从所述本机设备获取所述目标文件，对所述目标文件进行解析，得到所述目标文件对应的文件数据；在所述目标页面上加载所述文件数据，以完整显示所述目标页面。采用上述技术方案，解决了现有技术中页面被打开后，无法尽快渲染，白屏时间过长的问题。

技术领域

本发明涉及通信领域，具体而言，涉及一种页面的展示方法及系统、存储介质、电子装置。

背景技术

目前，App多采用的是移动开发平台(mobile Platform-as-a-Service，简称为mPaaS)框架，使用到了mPaaS容器，将资源包下载到本地进行打开，相比较原生的WebView使用uc内核有更少的兼容问题、提供更便捷的native以及h5之间的交互方式，虽然这样对于页面加载速度有很大的提升，现有的实现方式基本都是在h5页面层优化：比如异步加载、减少页面层级等，还有就是在浏览器内核层面去做优化这样可能有更好的优化，但是仍然会出现白屏加载慢的现象，而且当前app的h5页面常使用的是异步加载方式，当首页过于复杂仍然会出现加载慢白屏的问题，包括网络访问慢、图片像素太大加载慢以及整个页面层级太深造成渲染也慢，而且使用阿里mPaaS框架，无法做太多扩展。

针对相关技术中，现有技术中页面被打开后，无法尽快渲染，白屏时间过长等问题，尚未提出有效的技术方案。

发明内容

本发明实施例提供了一种页面的展示方法及系统、存储介质、电子装置，以至少解决相关技术中，页面被打开后，无法尽快渲染，白屏时间过长等问题。

根据本发明的一个实施例，提供了一种页面的展示方法，包括：在检测到目标页面被打开后，通过本机设备请求目标文件，其中，所述目标文件至少包括以下之一：资源下载文件，接口请求文件；从所述本机设备获取所述目标文件，对所述目标文件进行解析，得到所述目标文件对应的文件数据；在所述目标页面上加载所述文件数据，以完整显示所述目标页面。

在一个示例性实施例中，在所述目标页面上加载所述文件数据，以完整显示所述目标页面，包括：通过所述本机设备获取服务器的服务端数据；在所述目标界面上加载所述文件数据和所述服务端数据，以完整显示所述目标页面。

在一个示例性实施例中，从所述本机设备获取所述目标文件，包括：通过所述本机设备将所述目标文件发送至移动开发平台容器；接收所述移动开发平台容器返回的所述目标文件。

在一个示例性实施例中，通过本机设备请求目标文件，包括：通过所述本机设备的okhttp客户端请求目标文件。

在一个示例性实施例中，在所述目标页面上加载所述文件数据，以完整显示所述目标页面，包括:根据所述文件数据对所述目标页面进行页面渲染；在页面渲染完成后，在所述目标页面上加载所述文件数据，以完整显示所述目标页面。

在一个示例性实施例中，所述文件数据至少包括以下之一：目标文件的数据结构，目标文件的对象属性表，目标文件的演示规则。

根据本发明的另一个实施例，提供了一种页面的展示系统，包括：本机设备，用于在检测到目标页面被打开后，通过本机设备请求目标文件，其中，所述目标文件至少包括以下之一：资源下载文件，接口请求文件；从所述本机设备获取所述目标文件，对所述目标文件进行解析，得到所述目标文件对应的文件数据；在所述目标页面上加载所述文件数据，以完整显示所述目标页面。

在一个示例性实施例中，所述本机设备，还用于通过所述本机设备获取服务器的服务端数据；在所述目标界面上加载所述文件数据和所述服务端数据，以完整显示所述目标页面。

根据本发明的又一个实施例，还提供了一种存储介质，所述存储介质中存储有计算机程序，其中，所述计算机程序被设置为运行时执行上述任一项方法实施例中的步骤。