进度条优化方法及装置制造方法及图纸

技术编号:13589638 阅读:67 留言:0更新日期:2016-08-25 17:08
本发明专利技术提供了进度条优化方法及装置,通过获取正在加载的当前页面的加载进度,判断所述加载进度是否超过预设的阈值,若所述加载进超过所述阈值,向所述页面注入用于指示所述页面对应的主资源加载完成的指示符,判断是否接收到所述指示符注入成功时返回的回调指示,若接收到所述回调指示,完成所述页面的进度条加载。本发明专利技术通过指示符来判断页面的主资源是否加载成功,当页面主资源加载成功后就完成进度条的加载,优化了进度条的加载过程,提高了用户感受。

【技术实现步骤摘要】

本专利技术涉及电子
,尤其涉及一种进度条优化方法及装置
技术介绍
随着移动网络势头的迅猛发展,浏览器的战略地位日益凸显。手机逐渐融入到人们日常生活之中后,用户在手机终端上进行的网络活动越来越多,手机浏览器成为手机终端上网需求的产物,并且已成为用户日常使用中不可缺少的应用程序。手机浏览器除了正常的网页浏览的同时,也聚合了包括社交,娱乐,生活,学习等Web应用,进而可以为用户提供全方位移动互联网的服务。目前,用户可以通过网页加载显示的进度条来获知网页加载的情况。在页面的加载过程中,有时会出现加载卡在某处无法前进,反应在进度条上即使进度条停止不前,使得用户必须等待页面加载完成后,不仅使得页面的浏览率较低,还会影响用户的感受。
技术实现思路
本专利技术提供一种进度条优化方法及装置,用于解决当页面出现加载卡顿而导致进度条无法响应,使得页面的浏览率降低的问题。为了实现上述目的,本专利技术提供了一种进度条优化方法,包括:获取正在加载的当前页面的加载进度;判断所述加载进度是否超过预设的阈值;若所述加载进超过所述阈值,向所述页面注入用于指示所述页面对应的主资源加载完成的指示符;判断是否接收到所述指示符注入成功时返回的回调指示;若接收到所述回调指示,完成所述页面的进度条加载。为了实现上述目的,本专利技术提供了一种进度条优化装置,包括:获取模块,用于获取正在加载的当前页面的加载进度;第一判断模块,用于判断所述加载进度是否超过预设的阈值;注入模块,用于若所述加载进超过所述阈值,向所述页面注入用于指示所述页面对应的主资源加载完成的指示符;第二判断模块,用于判断是否接收到所述指示符注入成功时返回的回调指示;加载模块,用于在所述第二判断模块判断接收到所述回调指令后,完成所述页面的进度条的加载。本专利技术的进度条优化方法及装置,通过获取正在加载的当前页面的加载进度,判断所述加载进度是否超过预设的阈值,若所述加载进超过所述阈值,向所述页面注入用于指示所述页面对应的主资源加载完成的指示符,判断是否接收到所述指示符注入成功时返回的回调指示,若接收到所述回调指示,完成所述页面的进度条加载。本专利技术通过指示符来判断页面的主资源是否加载成功,当页面主资源加载成功后就完成进度条的加载,优化了进度条的加载过程,提高了用户感受。附图说明图1为本专利技术实施例一的进度条优化方法的流程示意图;图2为本专利技术实施例二的进度条优化装置的结构示意图。具体实施方式下面结合附图对本专利技术实施例提供的进度条优化方法及装置进行详细描述。实施例一如图1所示,其为本专利技术实施例一的进度条优化方法的流程示意图,该进度条优化方法包括:步骤101、获取正在加载的当前页面的加载进度。用户通过手机浏览器可以浏览网页页面,当打开一个页面后,页面
对应的内容进入加载流程中,在加载时,手机浏览器的工具栏上会显示出加载的进度条,页面的加载进度直接影响到进度条的长度,进度条在页面未加载完成时,会做出加载动画,提醒用户该页面正在加载。本实施例中,在页面加载过程中,可以获取正在加载的当前页面的加载进度。例如,加载进度可以用百分比来表示,当页面加载完成了一般,则相应的加载进度就可以用50%来表示。步骤102、判断所述加载进度是否超过预设的阈值。进一步地,预设有一个加载进度的阈值,在获取到当前页面的加载进度后,将该加载进度与预设的阈值进行比较,如果判断出该加载进度超过了预设的阈值,说明加载情况较好,执行步骤103;否则,执行步骤101。步骤103、向所述页面注入用于指示所述页面对应的主资源加载完成的指示符。步骤104、判断是否接收到所述指示符注入成功时返回的回调指示。本实施例中,通过该指示符来判断页面的主资源是否加载完成。具体地,当主资源加载完成后,在向页面注入指示符时,指示符就可以注入进去,并且返回一个回调指示,如果主资源未加载完成,在向页面注入指示符时,指示符就会注入失败,并且不会返回回调指示。优选地,指示符可以为空白的脚本语言(JavaScript,简称JS)文件。如果判断结果为是,执行步骤105;否则,返回执行步骤103直到接收到回调指示。步骤105、完成所述页面的进度条加载。具体地,在接收到回调指示,说明页面的主资源已经加载完成,此时可以根据接收到的回调指令获取加载相应进度条的加载逻辑,根据该加载逻辑完成进度条的加载。本实施例提供的进度条优化方法,通过获取正在加载的当前页面的加载进度,判断所述加载进度是否超过预设的阈值,若所述加载进超过所述阈值,向所述页面注入用于指示所述页面对应的主资源加载完成的指示符,判断是否接收到所述指示符注入成功时返回的回调指示,若接
收到所述回调指示,完成所述页面的进度条加载。本实施例通过指示符来判断页面的主资源是否加载成功,当页面主资源加载成功后就完成进度条的加载,优化了进度条的加载过程,提高了用户感受。实施例二图2所示,其为本专利技术实施例二的进度条优化装置的结构示意图。该装置包括:获取模块11、第一判断模块12、注入模块13、第二判断模块14和加载模块15。其中,获取模块11,用于获取正在加载的当前页面的加载进度。第一判断模块12,用于判断所述加载进度是否超过预设的阈值。注入模块13,用于若所述加载进超过所述阈值,向所述页面注入用于指示所述页面对应的主资源加载完成的指示符。第二判断模块14,用于判断是否接收到所述指示符注入成功时返回的回调指示。加载模块15,用于在所述第二判断模块判断接收到所述回调指令后,完成所述页面的进度条的加载。用户通过手机浏览器可以浏览网页页面,当打开一个页面后,页面对应的内容进入加载流程中,在加载时,手机浏览器的工具栏上会显示出加载的进度条,页面的加载进度直接影响到进度条的长度,进度条在页面未加载完成时,会做出加载动画,提醒用户该页面正在加载。本实施例中,在页面加载过程中,获取模块11可以获取正在加载的当前页面的加载进度。例如,加载进度可以用百分比来表示,当页面加载完成了一般,则相应的加载进度就可以用50%来表示。进一步地,预设有一个加载进度的阈值,在获取到当前页面的加载进度后,第一判断模块12将该加载进度与预设的阈值进行比较,如果判断出该加载进度超过了预设的阈值,说明加载情况较好,注入模块13向页面注入用于指示页面的主资源加载完成的指示符。第二判断模块14判断是否接收到指示符注入成功时返回的回调指示。本实施例中,通过该指示符来判断页面的主资源是否加载完成。具体地,当主资源加载完成后,在向页面注入指示符时,指示符就可以注
入进去,并且返回一个回调指示,如果主资源未加载完成,在向页面注入指示符时,指示符就会注入失败,并且不会返回回调指示。优选地,指示符可以为空白的JS文件。在接收到回调指示,说明页面的主资源已经加载完成,加载模块15完成页面的进度条加载。加载模块15可以根据接收到的回调指令获取加载相应进度条的加载逻辑,根据该加载逻辑完成进度条的加载。本实施例提供的进度条优化装置,通过获取正在加载的当前页面的加载进度,判断所述加载进度是否超过预设的阈值,若所述加载进超过所述阈值,向所述页面注入用于指示所述页面对应的主资源加载完成的指示符,判断是否接收到所述指示符注入成功时返回的回调指示,若接收到所述回调指示,完成所述页面的进本文档来自技高网
...

【技术保护点】
一种进度条优化方法,其特征在于,包括:获取正在加载的当前页面的加载进度;判断所述加载进度是否超过预设的阈值;若所述加载进超过所述阈值,向所述页面注入用于指示所述页面对应的主资源加载完成的指示符;判断是否接收到所述指示符注入成功时返回的回调指示;若接收到所述回调指示,完成所述页面的进度条加载。

【技术特征摘要】
1.一种进度条优化方法,其特征在于,包括:获取正在加载的当前页面的加载进度;判断所述加载进度是否超过预设的阈值;若所述加载进超过所述阈值,向所述页面注入用于指示所述页面对应的主资源加载完成的指示符;判断是否接收到所述指示符注入成功时返回的回调指示;若接收到所述回调指示,完成所述页面的进度条加载。2.根据权利要求1所述的进度条优化方法,其特征在于,还包括:若在预设的时间内未接收到所述回调指示,重新注入所指示符直到接收到所述回调指示。3.根据权利要求2所述的进度条优化方法,其特征在于,还包括:若所述加载进未超过所述阈值,返回重新获取所述页面的所述加载进度。4.根据权利要求3所述的进度条优化方法,其特征在于,所述完成所述页面的进度条加载,包括:根据所述回调指令获取加载所述进度条的加载逻辑;根据所述加载逻辑完成所述进度条的加载。5.根据权利要求1-4任一项所述的进度条优化方法,其特征在于,所述指示符为空白脚本语言JS文件。6.一种进度条优化装置,其特征在于,包括:获取模块,用于获取正在加载的当前页面的加载进...

【专利技术属性】
技术研发人员:刘志勃
申请(专利权)人:乐视移动智能信息技术北京有限公司
类型:发明
国别省市:北京;11

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

1