[发明专利]页面显示方法、装置、电子设备和存储介质在审

专利信息
申请号: 201910549085.1 申请日: 2019-06-24
公开(公告)号: CN111737614A 公开(公告)日: 2020-10-02
发明(设计)人: 单开元 申请(专利权)人: 北京京东尚科信息技术有限公司;北京京东世纪贸易有限公司
主分类号: G06F16/957 分类号: G06F16/957;G06F16/958
代理公司: 北京品源专利代理有限公司 11332 代理人: 孟金喆
地址: 100086 *** 国省代码: 北京;11
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 页面 显示 方法 装置 电子设备 存储 介质
【说明书】:

发明实施例公开了一种页面显示方法、装置、电子设备和存储介质。该方法包括:在目标程序中的待显示页面首次加载时,判断是否存储有所述待显示页面的页面骨架图;若是,则读取所述待显示页面的页面骨架图并进行显示,其中,所述页面骨架图依据所述待显示页面的页面架构预先生成。通过上述技术方案,实现了更加快速地显示待显示页面的页面骨架图。

技术领域

本发明实施例涉及计算机技术,尤其涉及一种页面显示方法、装置、电子设备和存储介质。

背景技术

随着单页应用程序(single page web application,SPA)在应用程序前端开发领域的逐渐流行,首屏加载的问题越来越突出,例如首屏显示内容及首屏显示速度等。

首屏加载的实现方案有:一种是显示页面加载图片,如loading或进度条等显示页面正在加载的页面加载信息图;另一种新兴方案是采用骨架屏的方式显示首屏图片。骨架屏是指在页面内容未加载完成的时候,先使用页面的大致结构对应的页面结构图(也称为页面骨架图)进行占位,待页面的内容加载完成之后再把它替换掉。目前骨架屏的页面显示方案为:在待显示页面的页面加载过程中根据待显示页面的相关信息实时动态地生成相应页面的页面骨架图。

在实现本发明过程中,发明人发现现有技术中至少存在如下问题:虽然骨架屏技术的出现,使得用户可预先获知页面的大致框架,一定程度上提升了用户体验,但是页面骨架图的生成与显示仍需要一定的时间,仍会影响用户体验。另外,每次应用程序启动后均需动态生成每个页面的页面骨架图,延长页面显示时间之外,还造成系统资源的浪费。

发明内容

本发明实施例提供一种页面显示方法、装置、电子设备和存储介质,以实现更加快速地显示待显示页面的页面骨架图。

第一方面,本发明实施例提供了一种页面显示方法,包括:

在目标程序中的待显示页面首次加载时,判断是否存储有所述待显示页面的页面骨架图;

若是,则读取所述待显示页面的页面骨架图并进行显示,其中,所述页面骨架图依据所述待显示页面的页面架构预先生成。

第二方面,本发明实施例还提供了一种页面显示装置,该装置包括:

页面骨架图判断模块,用于在目标程序中的待显示页面首次加载时,判断是否存储有所述待显示页面的页面骨架图;

页面骨架图显示模块,用于若是,则读取所述待显示页面的页面骨架图并进行显示,其中,所述页面骨架图依据所述待显示页面的页面架构预先生成。

第三方面,本发明实施例还提供了一种电子设备,该电子设备包括:

一个或多个处理器;

存储装置,用于存储一个或多个程序,

当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现本发明任意实施例所提供的页面显示方法。

第四方面,本发明实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现本发明任意实施例所提供的页面显示方法。

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

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

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

×

专利文献下载

说明:

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

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

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

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

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

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

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

钻瓜专利网在线咨询

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

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