CN104951386B - 一种内容加载进度显示的方法和装置 - Google Patents

Abstract

本发明实施例提供了一种内容加载进度显示的方法和装置，能够更为准确地显示所需加载内容当前加载的进度。该方法包括：获取已加载内容的大小，以及未加载内容的大小或所需加载内容的大小总值；计算所述已加载内容的大小与所述未加载内容的大小或所述所需加载内容的大小总值之间的比值；若所述比值达到预定的阈值，则在加载所述内容的应用界面上显示相应的图形，其中，所述预定的阈值包括多个数值不同的阈值。本发明适用于计算机技术领域。

Description

一种内容加载进度显示的方法和装置

技术领域

本发明涉及计算机技术领域，尤其涉及一种内容加载进度显示的方法和装置。

背景技术

通常，用户在浏览网页时，浏览器需要先将该网页的内容加载到本地，用户才能看到网页上的信息。在浏览器将网页内容加载到本地的过程中，为了让用户对当前的加载过程有所感知，浏览器通常给用户反馈信息：表明当前网页正在加载网页内容，而非无响应。显示当前正在加载的网页的具体内容，例如网页的某一图片。

目前，如图1所示，通常采用旋转圆圈的方式，表示当前网页正在加载网页内容的状态。如果圆圈旋转，则表明网页正在加载，如果圆圈停止旋转，则表明网页已加载完成或因网络资源或网络状况等原因停止加载。

然而，采用圆圈旋转的方式，仅能显示网络是否正在加载的状态信息，而无法更为准确的显示网页当前加载的进度。

发明内容

本发明的实施例提供一种内容加载进度显示的方法和装置，能够更为准确地显示所需加载内容当前加载的进度。

为达到上述目的，本发明的实施例采用如下技术方案：

一方面，本发明提供了一种内容加载进度显示的方法，所述方法包括：

获取已加载内容的大小，以及未加载内容的大小或所需加载内容的大小总值；

计算所述已加载内容的大小与所述未加载内容的大小或所述所需加载内容的大小总值之间的比值；

若所述比值达到预定的阈值，则在加载所述内容的应用界面上显示相应的图形，其中，所述预定的阈值包括多个数值不同的阈值。

另一方面，本发明提供了一种内容加载进度显示的装置，所述装置包括：获取单元、计算单元和显示单元；

所述获取单元，用于获取已加载内容的大小，以及未加载内容的大小或所需加载内容的大小总值；

所述计算单元，用于计算所述已加载内容的大小与所述未加载内容的大小或所述所需加载内容的大小总值之间的比值；

所述显示单元，用于若所述比值达到预定的阈值，则在加载所述内容的应用界面上显示相应的图形，其中，所述预定的阈值包括多个数值不同的阈值。

本发明实施例提供了一种内容加载进度显示的方法和装置，该方法包括：获取已加载内容的大小，以及未加载内容的大小或所需加载内容的大小总值；计算所述已加载内容的大小与所述未加载内容的大小或所述所需加载内容的大小总值之间的比值；若所述比值达到预定的阈值，则在加载所述内容的应用界面上显示相应的图形，其中，所述预定的阈值包括多个数值不同的阈值。基于上述技术方案，由于根据已加载内容的大小与所述未加载内容的大小或所述所需加载内容的大小总值之间的比值，在加载所述内容的应用界面上显示相应的图形，从而能够更为准确地显示所需加载内容当前加载的进度。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为现有技术一种内容加载进度的显示示意图；

图2为本发明实施例提供的一种内容加载进度显示的方法流程示意图一；

图3为本发明实施例提供的一种浏览器加载网页内容进度显示的示意图；

图4为本发明实施例提供的另一种浏览器加载网页内容进度显示示意图；

图5为本发明实施例提供的又一种浏览器加载网页内容进度显示示意图；

图6为本发明实施例提供的在浏览器的状态栏所在区域显示网页内容加载进度的示意图；

图7为本发明实施例提供的另一种现有技术内容加载进度的显示示意图；

图8本发明实施例提供的一种内容加载进度显示的方法流程示意图二；

图9为本发明实施例提供的一种内容加载进度显示的装置的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

实施例一

本发明实施例提供了一种内容加载进度显示的方法，该方法的执行主体可以是执行内容加载的电子设备，如PC、智能手机、PAD等电子设备。具体的如图2所示，该方法包括：

201、获取已加载内容的大小，以及未加载内容的大小或所需加载内容的大小总值。

其中，所述内容可以是PC或手机浏览器加载的网页的内容，也可以是移动终端的客户端，如智能手机加载的内容，还可以是通过即时通信应用软件加载的内容。所述内容可以是文本内容，也可是视频、音频等内容。本发明实施例对此不作具体限定。

例如，通过QQ浏览器加载的网页内容，通过腾讯新闻客户端加载的内容，通过微信加载的内容，通过微博加载的内容，通过博客加载的内容。

其中，在显示所述内容加载进度之前，首先需要获取所需加载内容的大小总值。在显示所述内容加载进度过程中，需要实时或周期性的获取所述所需加载内容的已加载内容的大小。或者，在显示所述内容加载进度过程中，实时或周期性获取所述所需加载内容的已加载内容的大小后，还可以根据所述所需加载内容的大小总值和所述依加载内容的大小，获取所述未加载内容的大小。

举例来说，若要在所述浏览器加载所述所需加载网页内容A时，首先从存储所述网页A的服务器获知所述网页A的内容的大小总值。

其次，在所述服务器发送所需加载网页的具体内容后，在所述浏览器中加载所述具体内容，并检测所述已加载内容的大小。

再例如，若浏览器所需加载域名为www.tencent.com网页的内容，则首先从存储该网页内容的服务器获知域名为www.tencent.com网页的内容大小为2MB。然后，所述浏览器开始从所述服务器下载域名为www.tencent.com网页的内容并对其进行加载，若所述浏览器当前已加载了域名为www.tencent.com网页的文字内容，所述浏览器检测已加载的域名为www.tencent.com网页的文字内容的大小为0.5MB。

202、计算所述已加载内容的大小与所述未加载内容的大小或所述所需加载内容的大小总值之间的比值。

举例来说，若所述已加载内容大小为0.5MB，所述所需加载域名为www.tencent.com网页的内容大小为2MB，则计算所述已加载内容的大小与所述所需加载内容的大小总值之间的比值，即所述所需加载网页内容的进度值为40%。

当然，根据所述已加载内容大小和所述所需加载内容大小，可计算所述未加载内容的大小为1.5MB，则计算所述已加载内容的大小与所述未加载内容大小之间的比值为33.3%，也可以反映所述所需加载网页内容的进度值。

203、若所述比值达到预定的阈值，则在加载所述内容的应用界面上显示相应的图形。

其中，所述预定的阈值包括多个数值不同的阈值。

具体的，可以根据实际情况设定阈值的个数，如2个，3个，4个或以上，本发明实施例对此不作具体限定。

其中，对应所述数值不同的阈值，在加载所述内容的应用界面上可以显示不同形状的图形。

例如，如图3、4、5所示，以所述已加载内容与所述所需加载内容大小总值之间的比值为例，所述阈值个数为3个，分别为33.3%、66.6%和99.9%。若所述数值达到阈值为33.3%时，则在加载所述内容的应用界面上显示圆圈的图形；若所述数值达到阈值为66.6%时，则在加载所述内容的应用界面上显示菱形的图形；若所述数值达到99.9%时，则在加载所述内容的应用界面上显示五角星的图形。若所述数值为1时，则在加载所述内容的应用界面上不再显示标识内容加载进度的图形。

其中，对应所述数值不同的阈值，在加载所述内容的应用界面上可以显示相同形状同颜色的图形。

例如，仍以所述已加载内容与所述所需加载内容大小总值之间的比值为例，所述阈值个数为3个，分别为33.3%、66.6%和99.9%。若所述数值达到阈值为33.3%时，则在加载所述内容的应用界面上显示黄色线条的图形；若所述数值达到阈值为66.6%时，则在加载所述内容的应用界面上显示绿色线条的图形；若所述数值达到99.9%时，则在加载所述内容的应用界面上显示红色线条的图形。若所述数值为1时，则在加载所述内容的应用界面上不再显示标识内容加载状态的图形。

需要说明的是，所述图形可以静态图形，还可以是动态图形，本发明实施例对此不作具体限定，旨在用于标识所需加载内容的进度。

其中，所述图形可以被显示在加载所述内容的应用界面上除所述内容的显示区域以外的区域。当然，对于本领域技术人员来说，可以理解的是，所述图形也可以是显示在加载所述内容的应用界面上的所述内容的显示区域上。本发明实施例对此不作具体限定。

其中，如图3所示，若加载所述内容的应用为浏览器，则所述图形可以被显示在加载所述内容的浏览器的显示界面的标签项所在的区域。

需要说明的是，如图3所示，所述图形显示在标签项区域的网页名称的右方。然而这仅是示例性的说明，所述图形也可以显示在标签项区域的网页名称右方、下方或上方，本发明实施例对此不作具体限定。

其中，若加载所述内容的应用为浏览器，则所述图像可以被显示在加载所述内容的浏览器的显示界面的状态栏所在的区域。如图6所示，若所述比值达到66.6%，则在状态栏所在的区域显示五角星的图形。

其中，对于浏览器来说，通常在加载网页的过程中，状态栏区域会显示所需加载网页内容的具体内容，并显示加载进度。例如，如图7所示。然而，对于用户来说，浏览器正在加载的具体内容对于用户来说是没有意义的，同时也对执行该浏览器应用的电子设备造成了一定的处理负担。为了避免对电子设备造成处理负担，在在所述未加载内容的大小大于0时，则在加载所述内容的浏览器的显示界面的状态栏显示预设图形。其中，显示所述预设图形用于替换显示所述浏览器正在加载的具体内容。

其中，所述预设图形可以是空白图形，即在浏览器加载网页内容过程中，状态栏中不显示具体加载的内容。所述预设图形也可以是其它图形。当然，所述预设图形也可以是用户自行设定的图形。本发明实施例对此不作具体限定。

本发明实施例提供了一种内容加载进度显示的方法，该方法包括：获取已加载内容的大小，以及未加载内容的大小或所需加载内容的大小总值；计算所述已加载内容的大小与所述未加载内容的大小或所述所需加载内容的大小总值之间的比值；若所述比值达到预定的阈值，则在加载所述内容的应用界面上显示相应的图形，其中，所述预定的阈值包括多个数值不同的阈值。基于上述技术方案，由于根据已加载内容的大小与所述未加载内容的大小或所述所需加载内容的大小总值之间的比值，在加载所述内容的应用界面上显示相应的图形，从而能够更为准确地显示所需加载内容当前加载的进度。

实施例二、

本发明实施例提供了一种内容加载进度显示的方法，如图8所示，所述方法包括：

801、获取已加载内容的大小，以及未加载内容的大小或所需加载内容的大小总值。

802、计算所述已加载内容的大小与所述未加载内容的大小或所述所需加载内容的大小总值之间的比值。

需要说明是，步骤801和802的详细说明，可参考步骤201-202的描述，本发明实施例在此不再赘述。

所述预定的阈值的数量为三个，分别第一预设阈值，第二预设阈值和第三预设阈值。

803、若所述预定的阈值为第一预设阈值，在所述浏览器的显示界面显示第一图形。

804、若所述预定的阈值为第二预设阈值，在所述浏览器的显示界面显示第二图形。

805、若所述预定的阈值为第三预设阈值，在所述浏览器的显示界面显示第三图形。

其中，所述第一预设阈值小于所述第二预设阈值，所述第二预设值小于所述第三预设阈值。

例如，所述数值为所述已加载内容与所述所需加载内容大小总值之间的比值，则若所述第一预设阈值为33%，在所述浏览器的显示界面红色线条。

若所述第二预设阈值为67%，在所述浏览器的显示界面显示黄色线条。

若所述第三预设阈值为99%，在所述浏览器的显示界面显示绿色线条。

需要说明的是，以上只是示例性的说明，第一预设阈值、第二预设阈值和第三预设阈值还可以根据实际情况确定；以及第一图形、第二图形和第三图形也可以是其他图形，或者也可以是根据用户个人的喜好自行设置。

本发明实施例提供了一种内容加载进度显示的方法，该方法包括：获取已加载内容的大小，以及未加载内容的大小或所需加载内容的大小总值；计算所述已加载内容的大小与所述未加载内容的大小或所述所需加载内容的大小总值之间的比值；若所述比值达到预定的阈值，则在加载所述内容的应用界面上显示相应的图形，其中，所述预定的阈值包括多个数值不同的阈值。基于上述技术方案，由于根据已加载内容的大小与所述未加载内容的大小或所述所需加载内容的大小总值之间的比值，在加载所述内容的应用界面上显示相应的图形，从而能够更为准确地显示所需加载内容当前加载的进度。

实施例三、

本发明实施例提供了一种内容加载进度显示的装置90，如图9所示，该装置包括：

获取单元91、计算单元92和显示单元93；

所述获取单元91，用于获取已加载内容的大小，以及未加载内容的大小或所需加载内容的大小总值；

所述计算单元92，用于计算所述已加载内容的大小与所述未加载内容的大小或所述所需加载内容的大小总值之间的比值；

所述显示单元93，用于若所述比值达到预定的阈值，则在加载所述内容的应用界面上显示相应的图形，其中，所述预定的阈值包括多个数值不同的阈值。

可选的，所述显示单元93，具体对应所述数值不同的阈值，在加载所述内容的应用界面上显示不同形状的图形。

可选的，所述显示单元93，具体用于对应所述数值不同的阈值，在加载所述内容的应用界面上显示相同形状不同颜色的图形。

可选的，所述预定的阈值的数量为三个，分别第一预设阈值，第二预设阈值和第三预设阈值；

所述显示单元93，具体用于若所述预定的阈值为第一预设阈值，在所述浏览器的显示界面显示第一图形；

若所述预定的阈值为第二预设阈值，在所述浏览器的显示界面显示第二图形；

若所述预定的阈值为第三预设阈值，在所述浏览器的显示界面显示第三图形。

可选的，所述显示单元93，具体用于在加载所述内容的应用界面上的除所述内容的显示区域以外的区域显示所述图形。

可选的，所述显示单元93，具体用于在加载所述内容的浏览器的显示界面的标签项所在的区域显示所述图形。

可选的，所述显示单元93，具体用于在加载所述内容的浏览器的显示界面的状态栏所在的区域显示所述图形。

可选的，若加载所述内容的应用为浏览器，所述显示单元93，具体用于在所述未加载内容的大小大于0时，则在加载所述内容的浏览器的显示界面的状态栏显示预设图形。

本发明实施例提供了一种内容加载进度显示的装置，该装置包括：获取单元、计算单元和显示单元。所述获取单元获取已加载内容的大小，以及未加载内容的大小或所需加载内容的大小总值；所述计算单元计算所述已加载内容的大小与所述未加载内容的大小或所述所需加载内容的大小总值之间的比值；若所述比值达到预定的阈值，所述显示单元则在加载所述内容的应用界面上显示相应的图形，其中，所述预定的阈值包括多个数值不同的阈值。基于上述技术方案，由于根据已加载内容的大小与所述未加载内容的大小或所述所需加载内容的大小总值之间的比值，在加载所述内容的应用界面上显示相应的图形，从而能够更为准确地显示所需加载内容当前加载的进度。

本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于一计算机可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以所述权利要求的保护范围为准。

Claims (10)

1.一种网页内容加载进度显示的方法，其特征在于，应用于浏览器，所述方法包括：

获取已加载网页内容的大小，以及未加载网页内容的大小或所需加载网页内容的大小总值；

计算所述已加载网页内容的大小与所述未加载网页内容的大小或所述所需加载网页内容的大小总值之间的比值；

将所述比值与预定的阈值进行比较，若所述比值达到所述预定的阈值，则在加载所述网页内容的浏览器的显示界面的标签项所在的区域显示相应的图形，其中，所述预定的阈值包括多个数值不同的阈值；对应所述数值不同的阈值，在加载所述网页内容的浏览器的显示界面的标签项所在的区域显示不同形状的图形，所述不同形状的图形用于表示所述网页内容的不同加载进度；当所述比值为1时，则在加载所述网页内容的浏览器界面上不再显示标识网页内容加载状态的图形。

2.根据权利要求1所述的方法，其特征在于，所述在加载所述网页内容的浏览器的显示界面的标签项所在的区域显示相应的图形，具体包括：

对应所述数值不同的阈值，在加载所述网页内容的浏览器的显示界面的标签项所在的区域显示相同形状不同颜色的图形。

3.根据权利要求1所述的方法，其特征在于，若所述比值达到预定的阈值，则在加载所述网页内容的浏览器的显示界面的标签项所在的区域显示相应的图形具体包括：

所述预定的阈值的数量为三个，分别第一预设阈值，第二预设阈值和第三预设阈值；

若所述预定的阈值为第一预设阈值，在所述浏览器的显示界面的标签项所在的区域显示第一图形；

若所述预定的阈值为第二预设阈值，在所述浏览器的显示界面的标签项所在的区域显示第二图形；

若所述预定的阈值为第三预设阈值，在所述浏览器的显示界面的标签项所在的区域显示第三图形。

4.根据权利要求1-3任一项所述的方法，其特征在于，所述图形显示在加载所述网页内容的浏览器界面上的除所述网页内容的显示区域以外的区域。

5.根据权利要求4所述的方法，其特征在于，在所述未加载网页内容的大小大于0时，则在加载所述网页内容的浏览器的显示界面的状态栏显示预设图形。

6.一种浏览器，其特征在于，包括：获取单元、计算单元和显示单元；

所述获取单元，用于获取已加载网页内容的大小，以及未加载网页内容的大小或所需加载网页内容的大小总值；

所述计算单元，用于计算所述已加载网页内容的大小与所述未加载网页内容的大小或所述所需加载网页内容的大小总值之间的比值；

所述显示单元，用于将所述比值与预定的阈值进行比较，若所述比值达到所述预定的阈值，则在加载所述网页内容的浏览器的显示界面的标签项所在的区域显示相应的图形，其中，所述预定的阈值包括多个数值不同的阈值；对应所述数值不同的阈值，在加载所述网页内容的浏览器的显示界面的标签项所在的区域显示不同形状的图形，所述不同形状的图形用于表示所述网页内容的不同加载进度；当所述比值为1时，则在加载所述网页内容的浏览器界面上不再显示标识网页内容加载状态的图形。

7.根据权利要求6所述的浏览器，其特征在于，所述显示单元，具体用于对应所述数值不同的阈值，在加载所述网页内容的浏览器的显示界面的标签项所在的区域显示相同形状不同颜色的图形。

8.根据权利要求6所述的浏览器，其特征在于，所述预定的阈值的数量为三个，分别第一预设阈值，第二预设阈值和第三预设阈值；

所述显示单元，具体用于若所述预定的阈值为第一预设阈值，在所述浏览器的显示界面的标签项所在的区域显示第一图形；

若所述预定的阈值为第二预设阈值，在所述浏览器的显示界面的标签项所在的区域显示第二图形；

若所述预定的阈值为第三预设阈值，在所述浏览器的显示界面的标签项所在的区域显示第三图形。

9.根据权利要求6-8任一项所述的浏览器，其特征在于，所述显示单元，具体用于在加载所述网页内容的浏览器界面上的除所述网页内容的显示区域以外的区域显示所述图形。

10.根据权利要求9所述的浏览器，其特征在于，所述显示单元，具体用于在所述未加载网页内容的大小大于0时，则在加载所述网页内容的浏览器的显示界面的状态栏显示预设图形。