[发明专利]网页动态加载效果实现方法、装置、终端和存储介质

权利要求书

1.一种网页动态加载效果实现方法，其特征在于，所述方法包括：

发送用于获取网页资源内容的网页资源获取请求；

在用于显示所述网页资源内容的显示界面上，覆盖显示骨架结构元素，所述骨架结构元素的颜色为第一预设颜色；

为所述骨架结构元素设置动态信息，并根据所述动态信息在所述骨架结构元素上显示动态加载效果；

当接收到所述网页资源内容时，隐藏所述骨架结构元素，并在所述显示界面上显示所述网页资源内容。

2.根据权利要求1所述的方法，其特征在于，所述在用于显示所述网页资源内容的显示界面上，覆盖显示骨架结构元素之后，所述方法还包括：

根据所述显示界面的结构特征对所述骨架结构元素进行区域划分，得到内容区域和空隙区域；

对所述空隙区域进行填充，其中，用于对所述空隙区域进行填充的颜色为第二预设颜色。

3.根据权利要求2所述的方法，其特征在于，所述对所述空隙区域进行填充，包括：

根据预设的拆分规则将所述空隙区域拆分为至少一个空隙子区域；

检测所述至少一个空隙子区域中每个空隙子区域的类别；

若所述空隙子区域为第一类空隙子区域，则采用文档对象模型元素对所述空隙子区域进行填充，所述文档对象模型元素的颜色为第二预设颜色。

4.根据权利要求3所述的方法，其特征在于，所述检测所述至少一个空隙子区域中每个空隙子区域的类别之后，所述方法还包括：

若所述空隙子区域为第二类空隙子区域，则获取所述空隙子区域对应的遮罩图像，所述遮罩图像的颜色为第二预设颜色；

采用所述遮罩图像对所述空隙子区域进行填充。

5.根据权利要求4所述的方法，其特征在于，所述获取所述空隙子区域对应的遮罩图像，包括：

获取所述空隙子区域的形状；

根据所述空隙子区域的形状确定对应的遮罩图像；

获取所述遮罩图像，并将所述遮罩图像的颜色设置为第二预设颜色。

6.根据权利要求1所述的方法，其特征在于，所述为所述骨架结构元素设置动态信息，并根据所述动态信息在所述骨架结构元素上显示动态加载效果，包括：

为所述骨架结构元素设置背景图像的属性，所述背景图像的属性包括显示时长与显示位置的对应关系；

根据所述背景图像的属性改变所述背景图像的显示位置，以便于在所述骨架结构元素上显示动态加载效果。

7.根据权利要求6所述的方法，其特征在于，所述背景图像的属性还包括背景图像的颜色和/或尺寸，所述设置所述背景的属性，包括：

将所述背景图像的颜色设置为渐变色；

将所述背景图像的尺寸设置为大于或等于所述骨架结构元素的尺寸。

8.一种网页动态加载效果实现装置，其特征在于，所述装置包括：

发送模块，用于发送用于获取网页资源内容的网页资源获取请求；

显示模块，用于在用于显示所述网页资源内容的显示界面上，覆盖显示骨架结构元素，所述骨架结构元素的颜色为第一预设颜色；

设置模块，用于为所述骨架结构元素设置动态信息；

所述显示模块，还用于根据所述动态信息在所述骨架结构元素上显示动态加载效果；

所述显示模块，还用于当接收到所述网页资源内容时，隐藏所述骨架结构元素，并在所述显示界面上显示所述网页资源内容。

9.一种终端，其特征在于，包括处理器、输入设备、输出设备和存储器，所述处理器、输入设备、输出设备和存储器相互连接，其中，所述存储器用于存储计算机程序，所述计算机程序包括程序指令，所述处理器被配置用于调用所述程序指令，执行如权利要求1-7任一项所述的方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时使所述处理器执行如权利要求1-7任一项所述的方法。