[发明专利]网页骨架图的生成方法、装置、终端及存储介质

说明书

本公开提供了一种网页骨架图的生成方法、装置、终端及存储介质，属于计算机技术领域。所述方法包括：读取指定网页的网页配置文件，网页配置文件包括指定网页的网页骨架图的结构属性代码，用于指示网页骨架图的结构；获取网页骨架图的样式代码和执行代码；将结构属性代码、样式代码及执行代码插入到指定网页中；在对指定网页进行显示时，根据样式代码、执行代码及结构属性代码，生成网页骨架图。本公开无需下载额外的浏览器，通过读取包括网页骨架图的结构属性代码的指定网页的网页配置文件，即可得到网页骨架图的结构，通过执行网页骨架图相关的代码，将网页骨架图相关代码插入到指定网页中，降低了网页骨架图生成时所消耗的存储资源。

技术领域

本公开涉及计算机技术领域，特别涉及一种网页骨架图的生成方法、装置、终端及存储介质。

背景技术

在用户浏览网页的过程中，由于网页内容较多，刷新时可能会产生空白页，空白页的出现严重影响了网页显示效果，降低了用户的浏览体验。为了提升用户的浏览体验，在网页加载过程中，可先将网页大致样式即网页骨架图呈现给用户，当网页加载完成后，将网页内容填充到网页骨架图相应的占位区域中，使得用户能够浏览网页内容。

目前，网页骨架图在生成时，一般采用如下方式：预先下载无头浏览器插件，该无头浏览器插件为一种没有用户界面的浏览器；基于无头浏览器插件打开HTML(Hyper TextMarkup Language，超文本标记语言)网页；根据打开的HTML网页，生成网页骨架图代码；将网页骨架图代码插入到HTML网页中；在对HTML网页进行显示时，根据网页骨架图代码，生成网页骨架图。

然而，由于需要下载无头浏览器，而无头浏览器占据的存储空间较大，导致生成网页骨架图消耗的存储资源较大。

发明内容

本公开实施例提供了一种网页骨架图的生成方法、装置、终端及存储介质。所述技术方案如下：

一方面，提供了一种网页骨架图的生成方法，所述方法包括：

读取指定网页的网页配置文件，所述网页配置文件包括所述指定网页的网页骨架图的结构属性代码，所述结构属性代码用于指示所述网页骨架图的结构；

获取所述网页骨架图的样式代码和执行代码；

将所述结构属性代码、所述样式代码及所述执行代码插入到所述指定网页中；

在对所述指定网页进行显示时，根据所述样式代码、所述执行代码及所述结构属性代码，生成网页骨架图。

在本公开的另一个实施例中，所述根据所述样式代码、所述执行代码及所述结构属性代码，生成网页骨架图之后，还包括：

当检测到对所述网页配置文件的修改操作时，获取修改后的网页配置文件；

基于修改后的网页配置文件、所述网页样式代码及所述执行代码，生成新的网页骨架图。

在本公开的另一个实施例中，所述方法还包括：

当检测到所述网页骨架图的显示时间达到预设时间时，控制所述网页骨架图消失。

在本公开的另一个实施例中，所述当检测到所述网页骨架图的显示时间达到预设时间时，控制所述网页骨架图消失，包括：

当检测到所述网页骨架图的显示时间达到预设时间时，控制所述网页骨架图采用预设效果消失。

在本公开的另一个实施例中，所述读取指定网页的网页配置文件之前，还包括：

根据所述指定网页的尺寸，生成所述结构属性代码，所述结构属性代码指示的所述网页骨架图的尺寸与所述尺寸相匹配。

在本公开的另一个实施例中，所述根据所述样式代码、所述执行代码及所述结构属性代码，生成网页骨架图之后，还包括：