[发明专利]骨架屏文件生成方法及装置、骨架屏显示方法及装置

说明书

本公开实施例公开了一种骨架屏文件生成方法及装置、骨架屏显示方法及装置、计算机可读存储介质、计算机程序产品及电子设备，其中，该骨架屏显示方法包括：响应于目标应用程序执行页面更新操作，从服务端获取目标页面对应的骨架屏文件和目标页面的地址；将骨架屏文件和目标页面的地址对应存储到目标存储区；响应于目标应用程序执行访问目标页面的操作，基于目标页面的地址，从目标存储区提取骨架屏文件，并利用骨架屏文件，显示目标页面的骨架屏；响应于从服务端加载目标页面的页面数据完毕，关闭骨架屏，并显示目标页面。本公开实施例实现了在访问目标页面时，直接提取存储的骨架屏文件并显示骨架屏，完全消除了等待资源下载时显示白屏的时间。

技术领域

本公开涉及计算机技术领域，尤其是一种骨架屏文件生成方法及装置、骨架屏显示方法及装置、计算机可读存储介质、计算机程序产品及电子设备。

背景技术

在网页应用中，在新打开一个页面时，通常会新建一个页面视图控件(webview)负责打开一个页面(例如H5页面)，此时，即便页面渲染由服务端执行，在新打开一个页面时，仍然会有一段加载时间的存在，如果该页面在服务端的请求较多，会导致数据加载时间变长，最终呈现给用户的是一个很长时间的白屏页面。

为缩短白屏页面显示的时间，目前可以采用骨架屏技术。骨架屏指的是当打开一个网页时，在页面解析和数据加载之前，首先给用户展示页面的大概样式。在骨架屏页面中，图片、文字、图标都将通过诸如灰色矩形块等样式来展示，在真实页面展示之前，用户能够感知到即将加载页面的基本CSS(层叠样式表，Cascading Style Sheets))样式和页面布局。

目前的骨架屏文件生成方法，当应用程序打开一个页面时，客户端会打开一个webview，该webview直接请求远程地址，进行资源下载解析并渲染，渲染过程会存在白屏时间，渲染完成后，进行数据请求，并同时控制展示出一个骨架屏的蒙层，数据请求完成后，再取消骨架屏蒙层。因此，目前的骨架屏文件生成方法无法完全解决加载页面数据时的白屏问题。

发明内容

为了解决上述技术问题，提出了本公开。本公开的实施例提供了一种骨架屏文件生成方法及装置、骨架屏显示方法及装置、计算机可读存储介质、计算机程序产品及电子设备。

本公开的实施例提供了一种骨架屏文件生成方法，该方法包括：基于输入的骨架屏配置信息，调整预设的初始配置文件，得到更新后的配置文件；获取配置文件针对的目标页面的页面数据；基于更新后的配置文件和页面数据，生成目标页面的骨架屏文件；响应于接收到目标用户终端发送的页面更新请求，且确定目标用户终端符合页面更新条件，将骨架屏文件和目标页面的地址发送至目标用户终端，其中，页面更新请求是目标用户终端上的目标应用程序进行页面更新操作时发送的请求。

在一些实施例中，获取配置文件针对的目标页面的页面数据，包括：响应于确定配置文件包括模拟登陆数据，基于模拟登录数据，登录访问配置文件针对的处于登录态的目标页面；获取目标页面的页面数据。

根据本公开实施例的另一个方面，本公开的实施例提供了一种骨架屏显示方法，该方法包括：响应于目标应用程序执行页面更新操作，从服务端获取目标页面对应的骨架屏文件和目标页面的地址，其中，目标页面是待通过目标应用程序显示的页面；将骨架屏文件和目标页面的地址对应存储到目标存储区；响应于目标应用程序执行访问目标页面的操作，基于目标页面的地址，从目标存储区提取骨架屏文件，并利用骨架屏文件，显示目标页面的骨架屏；响应于从服务端加载目标页面的页面数据完毕，关闭骨架屏，并显示目标页面。

在一些实施例中，页面更新操作的触发方式包括以下至少一项：在目标应用程序启动后自动触发执行页面更新操作；用户按照预设的操作方式手动触发页面更新操作。