一种进度条的显示方法和装置制造方法及图纸

技术编号:27655717 阅读:30 留言:0更新日期:2021-03-12 14:17
本发明专利技术公开了一种进度条的显示方法和装置,涉及计算机技术领域。该方法的一具体实施方式包括:根据一个或多个最新加载资源对象的大小及所述资源对象的实际加载时间,确定当前网络速度;根据所述当前网络速度,确定完成所有资源对象加载所需的总加载时间;根据所述总加载时间,更新显示了资源对象加载进度的进度条,所述进度条指示了已加载资源对象的实际加载时间与所述总加载时间的比值。该实施方式既能够通过进度条真实地反映资源对象的加载进度,又可以不依赖于浏览器底层的实时监控功能,具有通用性。

【技术实现步骤摘要】
一种进度条的显示方法和装置
本专利技术涉及计算机
,尤其涉及一种进度条的显示方法和装置。
技术介绍
在基于浏览器进行页面加载的过程中,常会因页面加载资源较大、加载时间较长而产生较长时间的白屏,导致用户体验差,因而需要在加载页面资源时,提供页面资源的加载进度条以提升用户体验。目前常用的进度条的显示方法主要以下两种:基于浏览器的底层实时监控页面资源的下载进度,并将进度数据通过进度条的方式进行展示;程序脚本预估一个页面资源加载完成时间,以使进度条滚动随着时间线性增加,并在快结束时减慢进度条滚动速度,以保证在资源加载完成前进度条的显示不完全。在实现本专利技术过程中,专利技术人发现现有技术中至少存在如下问题:基于浏览器或应用的底层实时监控页面资源的下载进度,虽可以真实体现页面资源的加载进度,需要依赖浏览器源码级的功能支持,在更为广泛具体的应用系统层级是无法实现的,因而缺乏普适性;而基于程序员脚本预估页面资源加载完成时间以线性更新进度条的方式,未考虑页面资源的真实加载进度,缺乏准确性,且在网络慢的情况下进度条会出现视觉上的“卡死”假象本文档来自技高网...

【技术保护点】
1.一种进度条的显示方法,其特征在于,包括:/n根据一个或多个最新加载资源对象的大小及所述资源对象的实际加载时间,确定当前网络速度;/n根据所述当前网络速度,确定完成所有资源对象加载所需的总加载时间;/n根据所述总加载时间,更新显示了资源对象加载进度的进度条,所述进度条指示了已加载资源对象的实际加载时间与所述总加载时间的比值。/n

【技术特征摘要】
1.一种进度条的显示方法,其特征在于,包括:
根据一个或多个最新加载资源对象的大小及所述资源对象的实际加载时间,确定当前网络速度;
根据所述当前网络速度,确定完成所有资源对象加载所需的总加载时间;
根据所述总加载时间,更新显示了资源对象加载进度的进度条,所述进度条指示了已加载资源对象的实际加载时间与所述总加载时间的比值。


2.根据权利要求1所述的进度条的显示方法,其特征在于,所述根据所述当前网络速度,确定完成所有资源对象加载所需的总加载时间,包括:
根据所述当前网络速度及尚未加载资源对象的大小,确定尚未加载资源对象所需的预估加载时间;
根据已加载资源对象的实际加载时间、尚未加载资源对象所需的预估加载时间,确定完成所有资源对象加载所需的总加载时间,所述总加载时间指示了所述实际加载时间与所述预估加载时间之和。


3.根据权利要求2所述的进度条的显示方法,其特征在于,还包括:
基于HEAD请求,在不加载所述资源对象的情况下,获取所述资源对象的大小。


4.根据权利要求3所述的进度条的显示方法,其特征在于,所述基于HEAD请求,在不加载所述资源对象的情况下,获取所述资源对象的大小,包括:
向存储有所述资源对象的服务器发送HEAD请求,并接收所述服务器根据所述HEAD请求返回的对象信息;
解析所述对象信息中的Content-Length属性,以获取所述对象资源的大小。


5.根据权利要求1所述的进度条的显示方法,其特征在于,还包括:
从所有待加载资源对象中识别出需要显示加载进度的所述资源对象。


6.根据权利要求5所述的进度条的显示方法,其特征在于,所述从所有待加载资源对象中识别出需要显示加载进度的所述资源对象,包括:
将需要显示加载进度的所述资源对象存储至预设目录下;
基于待加载资源对象的资源定位符,识别需要显示加载进度的所述资源对象,所述资源对象的资源定位符指示了所述预设目录。


7.根据权利要求5或6所述的进度条的显示方法,其特征在于,
在所述待加载资源对象为VirtualReality系统对应的资源对象的情况下,需要显示加载进度的所述资源对象为VirtualReality系统中的全景图。


8.根据权利要求5或6所述的进度条的显示方法,其特征在于,

【专利技术属性】
技术研发人员:章梦杨杰邹伟力钟博李尚真丘群业郑少贤黄日升张莹
申请(专利权)人:建信金融科技有限责任公司
类型:发明
国别省市:上海;31

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1