[发明专利]骨架屏的生成方法、系统、计算机设备及存储介质

说明书

本发明实施例提供一种骨架屏的生成方法，包括步骤：当监控到用户发起网页访问请求时，获取与所述网页访问请求对应的网页资源，所述网页访问请求包括域名；对所述网页资源进行第一解析操作，并判断所述第一解析操作是否完成；当判断所述第一解析操作未完成时，则对所述网页资源进行第二解析操作以得到所述网页资源中的页面布局，其中所述网页资源至少包括文本行和图片块，所述文本行包括文本标签与文本信息，所述图片块包括图片标签与图片信息；根据所述页面布局生成骨架屏，并根据预设规则设置所述骨架屏的动画效果，其中所述骨架屏包括多张背景图片；加载所述骨架屏，并运行所述动画效果。通过本发明实施例，能够自动地对网页资源进行解析，然后获取页面布局中的文本行、图片块等网页元素，从而根据这些网页元素自动生成对应的骨架屏，并为所述骨架屏添加动画效果。

技术领域

本发明实施例涉及计算机技术领域，尤其涉及一种骨架屏的生成方法、系统、计算机设备及存储介质。

背景技术

实际应用中，当手机应用或者浏览器加载一个页面时，可能由于用户设备数据传输速度的限制或者网络环境不佳，页面内容不能及时加载。在现有技术中，在等待页面加载时，通常是将该页面的骨架屏展示给用户，以提示用户内容正在加载。骨架屏是网页开发人员根据某一网页或者应用的页面布局手写的占位图片，只能对应特定的页面布局。当某一网页或者应用的页面布局需要改动时，开发人员需要重新编写骨架屏的代码，并不能根据改动后的页面布局来生成对应骨架屏。

故，本发明旨在解决上述当某一网页或者应用的页面布局需要改动时，不能根据改动后的页面布局来自动生成对应的骨架屏的问题。

发明内容

有鉴于此，本发明实施例提供了一种骨架屏的生成方法、系统、计算机设备及计算机可读存储介质，能够根据网页或者应用的页面布局自动生成对应的骨架屏，并为所述骨架屏添加动画效果。

本发明实施例是通过下述技术方案来解决上述技术问题：

一种骨架屏的生成方法，包括以下步骤：

当监控到用户发起网页访问请求时，获取与所述网页访问请求对应的网页资源，所述网页访问请求包括域名；

对所述网页资源进行第一解析操作，并判断所述第一解析操作是否完成；

当判断所述第一解析操作未完成时，则对所述网页资源进行第二解析操作以得到所述网页资源中的页面布局，其中所述网页资源至少包括文本行和图片块，所述文本行包括文本标签与文本信息，所述图片块包括图片标签与图片信息；

根据所述页面布局生成骨架屏，并根据预设规则设置所述骨架屏的动画效果，其中，所述骨架屏包括多张背景图片；

加载所述骨架屏，并运行所述动画效果。

进一步地，所述当监控到用户发起网页访问请求时，获取与所述网页访问请求对应的网页资源的步骤，还包括：

根据所述网页访问请求将所述域名进行域名解析，以获取所述域名的IP地址；

根据所述IP地址访问与所述IP地址对应的网页资源服务器；

从所述网页资源服务器获取所述网页资源。

进一步地，所述对所述网页资源进行第一解析操作的步骤，包括：

对所述文本行进行第一解析操作以得到所述文本信息；

对所述图片块进行第一解析操作以得到所述图片信息。

进一步地，所述判断所述第一解析操作是否完成的步骤之后，还包括：

当判断所述第一解析操作完成时，则将所述文本信息和所述图片信息显示。

进一步地，所述对所述网页资源进行第二解析操作以得到所述网页资源中的页面布局的步骤，还包括：