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

专利信息
申请号: 201910211903.7 申请日: 2019-03-20
公开(公告)号: CN109992736A 公开(公告)日: 2019-07-09
发明(设计)人: 程枫 申请(专利权)人: 腾讯科技(深圳)有限公司
主分类号: G06F16/958 分类号: G06F16/958
代理公司: 广州三环专利商标代理有限公司 44202 代理人: 郝传鑫;熊永强
地址: 518057 广东省深圳*** 国省代码: 广东;44
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 骨架结构 网页资源 存储介质 动态加载 动态信息 网页动态 显示网页 效果实现 资源内容 终端 加载 动态效果 获取请求 网页加载 流畅性 网页 发送 覆盖
【说明书】:

发明实施例公开了一种网页动态加载效果实现方法、装置、终端和存储介质,其中,所述方法包括,发送用于获取网页资源内容的网页资源获取请求,在用于显示网页资源内容的显示界面上,覆盖显示骨架结构元素,为骨架结构元素设置动态信息,并根据动态信息在骨架结构元素上显示动态加载效果,当接收到网页资源内容时,隐藏骨架结构元素,并在显示界面上显示网页资源内容。通过实施上述方法,可以在显示的骨架结构元素中添加整体的动态效果,实现网页的动态加载,提升了终端中网页加载过程的流畅性。

技术领域

本发明涉及计算机技术领域,尤其涉及一种网页动态加载效果实现方法、装置、终端和存储介质。

背景技术

骨架屏(Skeleton Screen)就是在页面尚未加载之前,为用户展示出页面的大致结构,直到请求数据返回后再渲染页面,补充需要进行显示的数据内容,通过为用户展现骨架屏,可以使得用户在骨架屏中获取到关注点,提升用户体验。

然而,传统的骨架屏中文档对象模型(Document Object Mode,DOM)结构分散,无法对骨架屏结构添加整体效果,使得在加载数据内容的过程中流畅性较低。

发明内容

本发明实施例提供了一种网页动态加载效果实现方法、装置、终端和存储介质,可以为网页添加动态加载效果,提升网页加载过程的流畅性。

第一方面,本发明实施例提供了一种网页动态加载效果实现方法,所述方法包括:

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

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

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

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

第二方面,本发明实施例提供了一种网页动态加载效果实现装置,所述装置包括:

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

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

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

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

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

第三方面,本发明实施例提供了一种终端,包括处理器、输入设备、输出设备和存储器,所述处理器、输入设备、输出设备和存储器相互连接,其中,所述存储器用于存储计算机程序,所述计算机程序包括程序指令,所述处理器被配置用于调用所述程序指令,执行第一方面所述的方法。

第四方面,本发明实施例提供了一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机程序,所述计算机程序包括程序指令,所述程序指令当被处理器执行时使所述处理器执行第一方面所述的方法。

本发明实施例中,终端发送用于获取网页资源内容的网页资源获取请求,在用于显示网页资源内容的显示界面上,覆盖显示骨架结构元素,为骨架结构元素设置动态信息,并根据动态信息在骨架结构元素上显示动态加载效果,当终端接收到网页资源内容时,隐藏骨架结构元素,并在显示界面上显示网页资源内容。通过实施上述方法,可以在终端显示的骨架结构元素中添加整体的动态效果,实现网页的动态加载,提升了终端中网页加载过程的流畅性。

附图说明

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于腾讯科技(深圳)有限公司,未经腾讯科技(深圳)有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201910211903.7/2.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top