CN103678343B

CN103678343B - 提示网页加载进度的方法和装置

Info

Publication number: CN103678343B
Application number: CN201210330316.8A
Authority: CN
Inventors: 谢巍
Original assignee: Tencent Technology Shenzhen Co Ltd
Current assignee: Tencent Technology Shenzhen Co Ltd
Priority date: 2012-09-07
Filing date: 2012-09-07
Publication date: 2018-08-07
Anticipated expiration: 2032-09-07
Also published as: CN103678343A

Abstract

本发明公开了一种提示网页加载进度的方法和装置，属于通信技术领域。所述方法包括：接收打开网页的指示信息；在所述网页的页面显示预设的页面背景，并向网页服务器发送建立网络链接的请求信息；当接收到所述网页服务器返回的网页脚本数据后，解析所述网页脚本数据得到页面文字数据；按照预设的显示方式，在所述网页的页面中显示带有所述页面文字数据的页面背景。所述装置包括：接收模块、第一提示模块、解析模块和第二提示模块。本发明提示网页加载进度过程中网页的页面均有内容显示，且显示的内容各个不同，使得提示方式多样化、提示效果好。

Description

提示网页加载进度的方法和装置

技术领域

本发明涉及通信技术领域，特别涉及一种提示网页加载进度的方法和装置。

背景技术

随着通信技术的发展，用户可以随时打开网页，浏览网页，获取各种信息。目前用户主要是通过计算机、移动终端等中的浏览器打开网页。当浏览器接收到用户发送的打开网页的指示信息后，浏览器需要获取到网页服务器返回的网页所需要的网页版本数据、网页布局数据等一些网页基本数据后，才能将网页显示给用户。而在将网页显示给用户之前，为了便于用户了解网页的加载状态（网页加载的进度、是否正在加载等），在网页加载过程中，浏览器会提示网页加载进度。

现有提示网页加载进度的方法，主要包括以下几种：

第一：根据网页当前的加载状态，在网页的地址栏显示从左向右滚动的进度条，通过从左向右滚动的进度条提示网页加载进度。

第二：根据网页当前的加载状态，在网页的地址栏显示从右向左滚动的进度条，通过从右向左滚动的进度条提示网页加载进度。

第三：根据网页当前的加载状态，在网页的地址栏显示带有滚动动画效果的动感光标，通过带有滚动动画效果的动感光标提示网页加载进度。

然而，在实现本发明的过程中，发明人发现现有技术至少存在以下问题：

现有技术通过在网页的地址栏显示进度条或动感光标，提示网页加载进度，提示网页加载进度过程中网页的页面是空白，提示方式单一、提示效果差。

发明内容

为了解决现有技术的问题，本发明实施例提供了一种提示网页加载进度的方法和装置。所述技术方案如下：

一方面，提供了一种提示网页加载进度的方法，所述方法包括：

接收打开网页的指示信息；

在所述网页的页面显示预设的页面背景，并向网页服务器发送建立网络链接的请求信息，使得所述网页服务器在接收到所述请求信息后返回网页脚本数据；其中，预设的页面背景用于提示网页加载进度；

当接收到所述网页服务器返回的网页脚本数据后，解析所述网页脚本数据得到页面文字数据；

按照预设的显示方式，在所述网页的页面中显示带有所述页面文字数据的页面背景；其中，带有所述页面文字数据的页面背景用于提示网页加载进度。

另一方面，提供了一种提示网页加载进度的装置，所述装置包括：

接收模块，用于接收打开网页的指示信息；

第一提示模块，用于当所述接收模块接收到打开网页的指示信息后，在所述网页的页面显示预设的页面背景，并向网页服务器发送建立网络链接的请求信息，使得所述网页服务器在接收到所述请求信息后返回网页脚本数据；其中，预设的页面背景用于提示网页加载进度；

解析模块，用于当所述第一提示模块向网页服务器发送建立网络链接的请求信息，接收到所述网页服务器返回的网页脚本数据后，解析所述网页脚本数据得到页面文字数据；

第二提示模块，用于在所述解析模块解析所述网页脚本数据得到页面文字数据后，按照预设的显示方式，在所述网页的页面中显示带有所述页面文字数据的页面背景；其中，带有所述页面文字数据的页面背景用于提示网页加载进度。

本发明实施例提供的技术方案带来的有益效果是：

在接收到打开网页的指示信息后，在没有获取任何网页数据之前，通过在网页的页面显示预设的页面背景来提示当前网页的加载进度，以及当获取到网页脚本数据后，网页相关的页面内容显示之前，通过按照预设的显示方式，在网页的页面中显示带有页面文字数据的页面背景来提示当前网页的加载进度，提示网页加载进度过程中网页的页面均有内容显示，且显示的内容各个不同，使得提示方式多样化、提示效果好。且可以与现有的在网页的地址栏显示进度条的提示方式结合起来使用，使得提示方式更加多样化、提示效果更加好。

附图说明

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

图1是本发明实施例一提供的一种提示网页加载进度的方法流程图；

图2是本发明实施例二提供的一种提示网页加载进度的方法流程图；

图3是本发明实施例二提供的一种网页结构示意图；

图4是本发明实施例二提供的另一种网页结构示意图；

图5是本发明实施例三提供的一种提示网页加载进度的装置结构示意图；

图6是本发明实施例三提供的另一种提示网页加载进度的装置结构示意图；

图7是本发明实施例三提供的又一种提示网页加载进度的装置结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

实施例一

本发明实施例提供了一种提示网页加载进度的方法，参见图1，该方法包括：

101：接收打开网页的指示信息。

102：在网页的页面显示预设的页面背景，并向网页服务器发送建立网络链接的请求信息，使得网页服务器在接收到请求信息后返回网页脚本数据；其中，预设的页面背景用于提示网页加载进度。

103：当接收到网页服务器返回的网页脚本数据后，解析网页脚本数据得到页面文字数据。

104：按照预设的显示方式，在网页的页面中显示带有页面文字数据的页面背景；其中，带有页面文字数据的页面背景用于提示网页加载进度。

进一步地，当接收到网页服务器返回的网页脚本数据之前，还包括：

判断是否接收到网页服务器返回的网页脚本数据；

如果接收到网页服务器返回的网页脚本数据，则执行当接收到网页服务器返回的网页脚本数据后的步骤。

进一步地，按照预设的显示方式，在网页的页面中显示带有页面文字数据的页面背景，包括：

将带有页面文字数据的页面背景从页面底部开始，按照从下往上的方向，依次在网页的页面中显示；或

将带有页面文字数据的页面背景从页面地址栏的底部开始，按照从上往下的方向，依次在网页的页面中显示。

进一步地，将带有页面文字数据的页面背景从页面底部开始，按照从下往上的方向，依次在网页的页面中显示，包括：

将带有页面文字数据的页面背景从页面底部开始，按照从下往上的方向，依次在网页的页面中显示；

同时，根据网页当前的加载状态，在网页的地址栏显示从左向右滚动的进度条；

其中，在显示过程中，显示的带有页面文字数据的页面背景的高度和网页的页面高度的比例，与当前显示出的进度条长度和网页加载完成后对应的进度条长度的比例成正比；或

将带有页面文字数据的页面背景从页面地址栏的底部开始，按照从上往下的方向，依次在网页的页面中显示，包括：

将带有页面文字数据的页面背景从页面地址栏的底部开始，按照从上往下的方向，依次在网页的页面中显示；

其中，在显示过程中，显示的带有页面文字数据的页面背景的高度和网页的页面高度的比例，与当前显示出的进度条长度和网页加载完成后对应的进度条长度的比例成正比。

进一步地，在网页的页面中显示带有页面文字数据的页面背景之后，还包括：

判断是否接收到页面刷新消息；

如果接收到，则在网页的页面中显示与网页相关的页面内容。

本发明实施例所述的提示网页加载进度的方法，在接收到打开网页的指示信息后，在没有获取任何网页数据之前，通过在网页的页面显示预设的页面背景来提示当前网页的加载进度，以及当获取到网页脚本数据后，网页相关的页面内容显示之前，通过按照预设的显示方式，在网页的页面中显示带有页面文字数据的页面背景来提示当前网页的加载进度，提示网页加载进度过程中网页的页面均有内容显示，且显示的内容各个不同，使得提示方式多样化、提示效果好。且可以与现有的在网页的地址栏显示进度条的提示方式结合起来使用，使得提示方式更加多样化、提示效果更加好。

实施例二

本发明实施例提供了一种提示网页加载进度的方法，参见图2，该方法包括：

201：接收打开网页的指示信息。

具体地，当用户需要打开网页时，用户点击网页链接或者输入URL地址并确认，此时浏览器就会接收到打开网页的指示信息。

202：在网页的页面显示预设的页面背景，并向网页服务器发送建立网络链接的请求信息，使得网页服务器在接收到请求信息后返回网页脚本数据。

具体地，向网页服务器发送建立网络链接的请求信息，在网页服务器返回网页脚本数据这段时间内，可以在网页的页面显示预设的页面背景，系统可以默认一个预设的页面背景，并且也可以进一步地设置页面背景更换选项，供用户自己选择更换。其中，页面背景更换选项可以设置在预设的页面背景中、地址栏中等，对页面背景更换选项的设置位置不做具体限定。

其中，预设的页面背景可以是图片、flash动画、音频、视频等，可以根据实际需要进行设置，对预设的页面背景不做具体限定。参见图3，本发明实施例中预设的页面背景是图片，并且在预设的页面背景中设置有页面背景更换选项（用“+”表示）。

其中，网页脚本数据可以是静态的HTML（Hyper Text Mark-up Language，超文本标记语言）脚本文件、静态的XML（Extensible Markup Language，可扩展标记语言）脚本文件等，根据浏览器所使用的协议不同，网页脚本数据的具体内容也不同。网页脚本数据是网页服务器在接收到请求信息后返回的第一个网页数据。

203：判断是否接收到网页服务器返回的网页脚本数据，如果接收到，则执行204；否则，执行208。

204：解析网页脚本数据得到页面文字数据。

其中，页面文字数据主要包括页面的分类标题、页面的导航关键字等。

205：按照预设的显示方式，在网页的页面中显示带有页面文字数据的页面背景，并根据解析得到的页面文字数据向网页服务器发送获取与网页相关的页面内容数据的请求消息，使得网页服务器在接收到请求消息后向本地返回与网页相关的页面内容数据。

其中，带有页面文字数据的页面背景用于提示网页加载进度。

其中，页面内容数据包括CSS（Cascading Style Sheet，层叠样式表单）文件、Javascript脚本文件、图片等页面内容数据。

具体地，按照预设的显示方式，在网页的页面中显示带有页面文字数据的页面背景，包括：

第一：将带有页面文字数据的页面背景从页面底部开始，按照从下往上的方向，依次在网页的页面中显示。

第二：将带有页面文字数据的页面背景从页面地址栏的底部开始，按照从上往下的方向，依次在网页的页面中显示。

并且，并不限于上述二种方式，可以根据实际应用状况，采用其他任何可行的方法，对此不做限定。

并且，需要说明的是，按照预设的显示方式，在网页的页面中显示带有页面文字数据的页面背景时，可以同时采用现有技术的方法在网页的地址栏中显示进度条或动感光标等，具体地，包括：

第一：参见图4，将带有页面文字数据的页面背景从页面底部开始，按照从下往上的方向，依次在网页的页面中显示；

上述过程中可以通过带有页面文字数据的页面背景和从左向右滚动的进度条同时提示网页加载进度。

其中，网页的页面高度是指从网页的页面顶部到网页的页面底部的高度。

在显示过程中，页面文字数据在网页的页面中的高度和网页的页面高度的比例，与当前显示出的进度条长度和网页加载完成后对应的进度条长度的比例成正比，具体地，参见图4，设显示的带有页面文字数据的页面背景的高度为c、网页的页面高度为d，当前显示出的进度条长度为a、网页加载完成后对应的进度条长度为b，在显示过程中，显示的带有页面文字数据的页面背景的高度和网页的页面高度的比例，与当前显示出的进度条长度和网页加载完成后对应的进度条长度的比例成正比，具体可以表示为：c/d=x(a/b)，其中，x为正数。

并且，上述过程中并不限于采用在网页的地址栏显示从左向右滚动的进度条、还可以采用在网页的地址栏显示从右向左滚动的进度条、和/或还可以采用在网页的地址栏显示带有滚动动画效果的动感光标的方式等，对此不做限定，可以根据实际应用状况，灵活选择。

第二：将带有页面文字数据的页面背景从页面地址栏的底部开始，按照从上往下的方向，依次在网页的页面中显示；

具体与第一种类似，此处不再赘述。

206：判断是否接收到页面刷新信息，如果接收到，则执行207；否则，执行209。

具体地，当浏览器的底层界面判断网页服务器向本地返回的与网页相关的页面内容数据可以打开网页时，向本地发送页面刷新信息。

207：在网页的页面中显示与网页相关的页面内容，然后结束。

与网页相关的页面内容即当前网页已加载完成部分对应的页面内容。

208：判断是否超过预设的第一响应时间，如果超过，则结束；否则，执行202。

其中，预设的第一响应时间可以是10秒、20秒等，对预设的第一响应时间不做具体限定，可以根据实际应用状况进行灵活设置。

209：判断是否超过预设的第二响应时间，如果超过，则结束；否则，执行205。

其中，预设的第二响应时间可以是10秒、20秒等，对预设的第二响应时间不做具体限定，可以根据实际应用状况进行灵活设置。

需要说明的是，本发明实施例所述的方法，可以用于移动终端的浏览器中，也可以用于计算机的浏览器中，以及其他任何与浏览器类似的东西中，对此不做具体限定。

实施例三

参见图5，本发明实施例提供了一种示网页加载进度的装置，该装置包括：

接收模块301，用于接收打开网页的指示信息；

第一提示模块302，用于当接收模块301接收到打开网页的指示信息后，在网页的页面显示预设的页面背景，并向网页服务器发送建立网络链接的请求信息，使得网页服务器在接收到所述请求信息后返回网页脚本数据；其中，预设的页面背景用于提示网页加载进度；

解析模块303，用于当第一提示模块302向网页服务器发送建立网络链接的请求信息，接收到网页服务器返回的网页脚本数据后，解析网页脚本数据得到页面文字数据；

第二提示模块304，用于在解析模块303解析网页脚本数据得到页面文字数据后，按照预设的显示方式，在网页的页面中显示将带有页面文字数据的页面背景；其中，带有页面文字数据的页面背景用于提示网页加载进度。

进一步地，参见图6，该装置还包括：

第一判断模块305，用于当第一提示模块302向网页服务器发送建立网络链接的请求信息后，判断是否接收到网页服务器返回的网页脚本数据；

通知模块306，用于当第一判断模块305的判断结果是接收到网页服务器返回的网页脚本数据后，通知解析模块303执行解析网页脚本数据得到页面文字数据的步骤。

进一步地，该第二提示模块304包括：

第一显示单元，用于在解析模块303解析网页脚本数据得到页面文字数据后，将带有页面文字数据的页面背景从页面底部开始，按照从下往上的方向，依次在网页的页面中显示；或

第二显示单元，用于在解析模块303解析网页脚本数据得到页面文字数据后，将带有页面文字数据的页面背景从页面地址栏的底部开始，按照从上往下的方向，依次在网页的页面中显示。

进一步地，该第一显示单元包括：

第一显示子单元，用于在解析模块303解析网页脚本数据得到页面文字数据后，将带有页面文字数据的页面背景从页面底部开始，按照从下往上的方向，依次在网页的页面中显示；

第二显示子单元，用于在第一显示子单元显示的同时，根据网页当前的加载状态，在网页的地址栏显示从左向右滚动的进度条；

其中，在第一显示子单元和第二显示子单元显示过程中，显示的带有页面文字数据的页面背景的高度和网页的页面高度的比例，与当前显示出的进度条长度和网页加载完成后对应的进度条长度的比例成正比；

或，第二显示单元包括：

第三显示子单元，用于在解析模块303解析网页脚本数据得到页面文字数据后，将带有页面文字数据的页面背景从页面地址栏的底部开始，按照从上往下的方向，依次在网页的页面中显示；

第四显示子单元，用于在第三显示子单元显示的同时，根据网页当前的加载状态，在网页的地址栏显示从左向右滚动的进度条；

其中，在第三显示子单元和第四显示子单元显示过程中，显示的带有页面文字数据的页面背景的高度和网页的页面高度的比例，与当前显示出的进度条长度和网页加载完成后对应的进度条长度的比例成正比。

进一步地，参见图7，该装置还包括：

第二判断模块307，用于当第二提示模块304在网页的页面中显示将带有页面文字数据的页面背景后，判断是否接收到页面刷新消息；

显示模块308，用于当第二判断模块307的判断结果是接收到页面刷新消息后，在网页的页面中显示与网页相关的页面内容。

本发明实施例所述的提示网页加载进度的装置，在接收到打开网页的指示信息后，在没有获取任何网页数据之前，通过在网页的页面显示预设的页面背景来提示当前网页的加载进度，以及当获取到网页脚本数据后，网页相关的页面内容显示之前，通过按照预设的显示方式，在网页的页面中显示带有页面文字数据的页面背景来提示当前网页的加载进度，提示网页加载进度过程中网页的页面均有内容显示，且显示的内容各个不同，使得提示方式多样化、提示效果好。且可以与现有的在网页的地址栏显示进度条的提示方式结合起来使用，使得提示方式更加多样化、提示效果更加好。

需要说明的是：上述实施例提供的提示网页加载进度的装置，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的提示网页加载进度的装置与提示网页加载进度的方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本发明的较佳实施例，并不用以限制本发明，凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims

1.一种提示网页加载进度的方法，其特征在于，所述方法包括：

接收打开网页的指示信息；

向网页服务器发送建立网络链接的请求信息；

在没有获取到所述网页的网页数据的时间段内，在所述网页的页面显示预设的页面背景；

将带有所述页面文字数据的页面背景从页面底部开始，按照从下往上的方向，依次在所述网页的页面中显示；或，将带有所述页面文字数据的页面背景从页面地址栏的底部开始，按照从上往下的方向，依次在所述网页的页面中显示；其中，带有所述页面文字数据的页面背景用于提示网页加载进度。

2.根据权利要求1所述的方法，其特征在于，所述当接收到所述网页服务器返回的网页脚本数据之前，还包括：

判断是否接收到所述网页服务器返回的网页脚本数据；

如果接收到所述网页服务器返回的网页脚本数据，则执行所述当接收到所述网页服务器返回的网页脚本数据后的步骤。

3.根据权利要求1所述的方法，其特征在于，所述将带有所述页面文字数据的页面背景从页面底部开始，按照从下往上的方向，依次在所述网页的页面中显示，包括：

将带有所述页面文字数据的页面背景从页面底部开始，按照从下往上的方向，依次在所述网页的页面中显示；同时，根据所述网页当前的加载状态，在所述网页的地址栏显示从左向右滚动的进度条；其中，在显示过程中，显示的带有所述页面文字数据的页面背景的高度和所述网页的页面高度的比例，与当前显示出的进度条长度和所述网页加载完成后对应的进度条长度的比例成正比；

或，

所述将带有所述页面文字数据的页面背景从页面地址栏的底部开始，按照从上往下的方向，依次在所述网页的页面中显示，包括：

将带有所述页面文字数据的页面背景从页面地址栏的底部开始，按照从上往下的方向，依次在所述网页的页面中显示；同时，根据所述网页当前的加载状态，在所述网页的地址栏显示从左向右滚动的进度条；其中，在显示过程中，显示的带有所述页面文字数据的页面背景的高度和所述网页的页面高度的比例，与当前显示出的进度条长度和所述网页加载完成后对应的进度条长度的比例成正比。

4.根据权利要求1-3任意一项权利要求所述的方法，其特征在于，在所述网页的页面中显示带有所述页面文字数据的页面背景之后，还包括：

判断是否接收到页面刷新消息；

如果接收到，则在所述网页的页面中显示与所述网页相关的页面内容。

5.一种提示网页加载进度的装置，其特征在于，所述装置包括：

接收模块，用于接收打开网页的指示信息；

第一提示模块，用于当所述接收模块接收到打开网页的指示信息后，向网页服务器发送建立网络链接的请求信息；在没有获取到所述网页的网页数据的时间段内，在所述网页的页面显示预设的页面背景；

第二提示模块，用于将带有所述页面文字数据的页面背景从页面底部开始，按照从下往上的方向，依次在所述网页的页面中显示；或，将带有所述页面文字数据的页面背景从页面地址栏的底部开始，按照从上往下的方向，依次在所述网页的页面中显示；其中，带有所述页面文字数据的页面背景用于提示网页加载进度。

6.根据权利要求5所述的装置，其特征在于，所述装置还包括：

第一判断模块，用于当所述第一提示模块向网页服务器发送建立网络链接的请求信息后，判断是否接收到所述网页服务器返回的网页脚本数据；

通知模块，用于当所述第一判断模块的判断结果是接收到所述网页服务器返回的网页脚本数据后，通知所述解析模块执行解析所述网页脚本数据得到页面文字数据的步骤。

7.根据权利要求5所述的装置，其特征在于，所述第二提示模块包括：

第一显示子单元，用于在所述解析模块解析所述网页脚本数据得到页面文字数据后，将带有所述页面文字数据的页面背景从页面底部开始，按照从下往上的方向，依次在所述网页的页面中显示；

第二显示子单元，用于在所述第一显示子单元显示的同时，根据所述网页当前的加载状态，在所述网页的地址栏显示从左向右滚动的进度条；

其中，在所述第一显示子单元和所述第二显示子单元显示过程中，显示的带有所述页面文字数据的页面背景的高度和所述网页的页面高度的比例，与当前显示出的进度条长度和所述网页加载完成后对应的进度条长度的比例成正比；或，

所述第二提示模块包括：

第三显示子单元，用于在所述解析模块解析所述网页脚本数据得到页面文字数据后，将带有所述页面文字数据的页面背景从页面地址栏的底部开始，按照从上往下的方向，依次在所述网页的页面中显示；

第四显示子单元，用于在所述第三显示子单元显示的同时，根据所述网页当前的加载状态，在所述网页的地址栏显示从左向右滚动的进度条；

其中，在所述第三显示子单元和所述第四显示子单元显示过程中，显示的带有所述页面文字数据的页面背景的高度和所述网页的页面高度的比例，与当前显示出的进度条长度和所述网页加载完成后对应的进度条长度的比例成正比。

8.根据权利要求5-7任意一项权利要求所述的装置，其特征在于，所述装置还包括：

第二判断模块，用于当所述第二提示模块在所述网页的页面中显示带有所述页面文字数据的页面背景后，判断是否接收到页面刷新消息；

显示模块，用于当所述第二判断模块的判断结果是接收到页面刷新消息后，在所述网页的页面中显示与所述网页相关的页面内容。