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

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

【技术实现步骤摘要】
一种进度条的显示方法和装置
本专利技术涉及计算机
,尤其涉及一种进度条的显示方法和装置。
技术介绍
在基于浏览器进行页面加载的过程中,常会因页面加载资源较大、加载时间较长而产生较长时间的白屏,导致用户体验差,因而需要在加载页面资源时,提供页面资源的加载进度条以提升用户体验。目前常用的进度条的显示方法主要以下两种:基于浏览器的底层实时监控页面资源的下载进度,并将进度数据通过进度条的方式进行展示;程序脚本预估一个页面资源加载完成时间,以使进度条滚动随着时间线性增加,并在快结束时减慢进度条滚动速度,以保证在资源加载完成前进度条的显示不完全。在实现本专利技术过程中,专利技术人发现现有技术中至少存在如下问题:基于浏览器或应用的底层实时监控页面资源的下载进度,虽可以真实体现页面资源的加载进度,需要依赖浏览器源码级的功能支持,在更为广泛具体的应用系统层级是无法实现的,因而缺乏普适性;而基于程序员脚本预估页面资源加载完成时间以线性更新进度条的方式,未考虑页面资源的真实加载进度,缺乏准确性,且在网络慢的情况下进度条会出现视觉上的“卡死”假象,而在网络快的情况下进度条又会出现瞬间显示加载完成的不正常现象。
技术实现思路
有鉴于此,本专利技术实施例提供了一种进度条的显示方法和装置,既能够通过进度条真实地反映资源对象的加载进度,又可以不依赖于浏览器底层的实时监控功能,具有通用性。为实现上述目的,根据本专利技术实施例的一个方面,提供了一种进度条的显示方法,包括:根据一个或多个最新加载资源对象的大小及所述资源对象的实际加载时间,确定当前网络速度;根据所述当前网络速度,确定完成所有资源对象加载所需的总加载时间;根据所述总加载时间,更新显示了资源对象加载进度的进度条,所述进度条指示了已加载资源对象的实际加载时间与所述总加载时间的比值。可选地,所述根据所述当前网络速度,确定完成所有资源对象加载所需的总加载时间,包括:根据所述当前网络速度及尚未加载资源对象的大小,确定尚未加载资源对象所需的预估加载时间;根据已加载资源对象的实际加载时间、尚未加载资源对象所需的预估加载时间,确定完成所有资源对象加载所需的总加载时间,所述总加载时间指示了所述实际加载时间与所述预估加载时间之和。可选地,还包括:基于HEAD请求,在不加载所述资源对象的情况下,获取所述资源对象的大小。可选地,所述基于HEAD请求,在不加载所述资源对象的情况下,获取所述资源对象的大小,包括:向存储有所述资源对象的服务器发送HEAD请求,并接收所述服务器根据所述HEAD请求返回的对象信息;解析所述对象信息中的Content-Length属性,以获取所述对象资源的大小。可选地,还包括:从所有待加载资源对象中识别出需要显示加载进度的所述资源对象。可选地,所述从所有待加载资源对象中识别出需要显示加载进度的所述资源对象,包括:将需要显示加载进度的所述资源对象存储至预设目录下;基于待加载资源对象的资源定位符,识别需要显示加载进度的所述资源对象,所述资源对象的资源定位符指示了所述预设目录。可选地,在所述待加载资源对象为VirtualReality系统对应的资源对象的情况下,需要显示加载进度的所述资源对象为VirtualReality系统中的全景图。可选地,在所述待加载资源对象为WEB页面对应的资源对象的情况下,需要显示加载进度的所述资源对象为所述WEB页面对应的背景图。可选地,根据加载所述资源对象的线程数量,确定用于计算所述当前网络速度的最新加载资源对象的数量。可选地,所述最新加载资源对象的数量指示了所述线程数量。可选地,所述当前网络速度指示了最新加载资源对象的大小与所述资源对象实际加载时间的比值。可选地,所述预估加载时间指示了尚未加载资源对象的大小与所述当前网络速度的比值。为实现上述目的,根据本专利技术实施例的另一个方面,提供了一种进度条的显示装置,包括:网络速度确定模块、加载时间确定模块、进度条显示模块;其中,所述网络速度确定模块,用于根据一个或多个最新加载资源对象的大小及所述资源对象的实际加载时间,确定当前网络速度;所述加载时间确定模块,用于根据所述当前网络速度,确定完成所有资源对象加载所需的总加载时间;所述进度条显示模块,用于根据所述总加载时间,更新显示了资源对象加载进度的进度条,所述进度条指示了已加载资源对象的实际加载时间与所述总加载时间的比值。可选地,还包括:资源对象大小获取模块;其中,所述资源对象大小获取模块,用于基于HEAD请求,在不加载所述资源对象的情况下,获取所述资源对象的大小。可选地,还包括:资源对象识别模块;其中,所述资源对象识别模块,用于从所有待加载资源对象中识别出需要显示加载进度的所述资源对象。为实现上述目的,根据本专利技术实施例的又一个方面,提供了一种用于显示进度条的电子设备,包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如上所述的进度条的显示方法中任一所述的方法。为实现上述目的,根据本专利技术实施例的再一个方面,提供了一种计算机可读介质,其上存储有计算机程序,所述程序被处理器执行时实现如上所述的进度条的显示方法中任一所述的方法。上述专利技术中的一个实施例具有如下优点或有益效果:通过根据一个或多个最新加载资源对象的大小及所述资源对象的实际加载时间确定当前网络速度的方式,确保了所得到的当前网络速度的准确性及真实性。在此基础上,根据所述当前网络速度,确定完成所有资源对象加载所需的总加载时间,并根据所述总加载时间,更新显示了资源对象加载进度的进度条,所述进度条指示了已加载资源对象的实际加载时间与所述总加载时间的比值。如此,通过已加载资源对象的实际加载时间与所需的总加载时间的比值真实、准确地反应了资源对象的加载进度。上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。附图说明附图用于更好地理解本专利技术,不构成对本专利技术的不当限定。其中:图1是根据本专利技术实施例的进度条的显示方法的主要流程的示意图;图2是根据本专利技术实施例的另一进度条的显示方法的主要流程的示意图;图3是根据本专利技术实施例的进度条的显示装置的主要模块的示意图;图4是本专利技术实施例可以应用于其中的示例性系统架构图;图5是适于用来实现本专利技术实施例的终端设备或服务器的计算机系统的结构示意图。具体实施方式以下结合附图对本专利技术的示范性实施例做出说明,其中包括本专利技术实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本专利技术的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。图1是根据本发本文档来自技高网...

【技术保护点】
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