[发明专利]骨架屏生成方法、装置、设备、存储介质

说明书

本公开关于一种网页的骨架屏生成方法、装置、电子设备、存储介质，其中方法包括：获取网页的骨架屏的配置文件，所述配置文件包含终端中的静态文件路径；在所述终端中与所述静态文件路径对应的位置处初始化静态文件应用程序；基于所述静态文件应用程序对所述网页的网页数据进行渲染；当所述网页数据渲染完毕时，将骨架屏生成脚本注入到所述终端的浏览器中，并在所述浏览器中运行所述骨架屏生成脚本，得到所述网页的骨架屏。本公开避免了利用专用的插件生成网页的骨架屏，降低了网页开发者的专业技能要求，通过配置文件和骨架屏生成脚本即可简单地生成网页的骨架屏。

技术领域

本公开涉及计算机技术领域，尤其涉及一种网页的骨架屏生成方法、装置、电子设备、计算机可读存储介质。

背景技术

在用户访问网页时，受网络环境的影响，可能较长时间无法获得网页的网页数据，导致浏览器只能展示空白网页或者展示部分网页内容。为了解决上述问题，在获取网页的网页数据之前，在网页中展示网页的骨架屏，该骨架屏表示网页的大致轮廓。

相关技术中，网页的骨架屏的生成方案通常依赖专用的插件，导致网页开发者需要具备该专用的插件的相关技术，对网页开发者的专业技能要求较高，网页的骨架屏的生成难度较高。

发明内容

本公开提供了一种网页的骨架屏的生成方法、装置、电子设备、计算机可读存储介质，以至少解决相关技术中对网页开发者的专业技能要求较高，网页的骨架屏的生成难度较高的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供了一种网页的骨架屏生成方法，包括：获取网页的骨架屏的配置文件，所述配置文件包含终端中的静态文件路径；在所述终端中与所述静态文件路径对应的位置处初始化静态文件应用程序；基于所述静态文件应用程序对所述网页的网页数据进行渲染；当所述网页数据渲染完毕时，将骨架屏生成脚本注入到所述终端的浏览器中，并在所述浏览器中运行所述骨架屏生成脚本，得到所述网页的骨架屏。

可选地，在所述终端中与所述静态文件路径对应的位置处初始化静态文件应用程序之后，所述方法还包括：从所述配置文件中读取出所述网页的路径；根据所述网页的路径和所述终端的IP生成所述网页的本地网络地址。

可选地，所述基于所述静态文件应用程序对所述网页的网页数据进行渲染，包括：基于所述静态文件应用程序访问所述网页的本地网络地址，并将所述网页数据在所述网页中渲染。

可选地，所述当所述网页数据渲染完毕时，将骨架屏生成脚本注入到所述终端的浏览器中，并在所述浏览器中运行所述骨架屏生成脚本，得到所述网页的骨架屏，包括：从所述配置文件中读取出目标元素和等待时间段；当所述网页中加载所述目标元素，且从加载所述目标元素开始，经过所述等待时间段时，将所述骨架屏生成脚本注入到所述浏览器中，并在所述浏览器中运行所述骨架屏生成脚本，得到所述网页的骨架屏。

可选地，在所述网页数据渲染完毕之后，所述方法还包括：对所述网页进行截图得到网页效果图。

可选地，在所述得到所述网页的骨架屏之后，所述方法还包括：对所述骨架屏进行截图得到骨架屏效果图。

可选地，所述方法还包括：将所述配置文件、所述网页效果图和所述骨架屏效果图上传至与所述终端通信连接的服务器，以便在所述服务器中对所述配置文件进行修改，对所述网页效果图和所述骨架屏效果图进行预览。

可选地，所述得到所述网页的骨架屏之后，所述方法还包括：在所述浏览器中运行HTML获取脚本，以便获取所述骨架屏的HTML。

可选地，所述方法还包括：从所述配置文件中读取出所述网页的HTML路径；根据所述HTML路径获取所述网页的HTML；将所述网页的HTML中的替换标记位替换为所述骨架屏的HTML。