CN103294688A - 网页浏览方法及系统 - Google Patents

Abstract

本发明涉及一种网页浏览方法及系统，该网页浏览方法包括以下步骤：根据请求加载网页，并显示预设内容；当侦测到网页加载完成时，则隐藏所述预设内容，并显示所述加载完成的网页。上述网页浏览方法及系统，根据请求加载网页并显示预设内容，当加载完成时，隐藏预设内容，显示加载完成的网页，如此，在加载过程中，显示预设内容，提高了网络资源的利用率，用户在等待网页加载过程中可观看预设内容，提高了用户体验。

Description

网页浏览方法及系统

【技术领域】

本发明涉及互联网技术，特别涉及一种网页浏览方法及系统。

【背景技术】

浏览器是用户通过终端上网时的交互界面，其主要功能是将用户选择的Web资源呈现出来，这些资源通常是以HTML(Hypertext Markup Language，超文本标记语言)格式实现的。浏览器从服务器请求资源，对网页进行加载，并将网页显示在浏览器窗口中，以供用户浏览。

网页加载的过程是指传输解析HTML文件的过程。浏览器通过渲染解析和显示HTML文档及其它资源(如链接、图片等)，在解析过程中，需构建DOM树、构建render树、布局render树等一系列复杂操作。因此，网页加载过程中，传输和解析HTML文件需耗费时间。此外，在网页加载过程中，存在以下几个方面可能导致网页加载时间过长：

1.用户处于网络信号情况不良的环境中，必然使得HTML文件传输时间过长，导致网页加载时间过长；

2.浏览器请求过多数据，传输和解析HTML文件过多，网页加载时间过长；

3.申请网页的HTML过于复杂，如在HTML中嵌入JS程序等，不利于渲染引擎解析，使得HTML文件解析时间过长，导致网页加载时间过长；

4.某些大网站HTML文件较大，使得HTML传输时间过长，且解析较大HTML文件生成的树很大，占有过多内存，使得HTML解析时间过长。

而在网页加载的过程中，在显示新网页之前在浏览器窗口中只显示空白页或原来的页面，直到HTML文件解析完成后才会显示新网页，在网页加载过程中，无法进行其它操作，浪费了网络资源，也浪费了用户的时间，降低了用户的体验。

【发明内容】

基于此，有必要提供一种能提高网络资源利用率的网页浏览方法。

一种网页浏览方法，包括以下步骤：

根据请求加载网页，并显示预设内容；

当侦测到网页加载完成时，则隐藏所述预设内容，并显示所述加载完成的网页。

优选的，所述显示预设内容的步骤包括：

获取网络当前传输速度以及网页当前解析速度；

根据所述网络当前传输速度及网页当前解析速度获取网页加载的时间；

判断网页加载的时间是否大于预设值，若是，则显示预设内容。

优选的，还包括步骤：选定默认内容为所述预设内容或选定用户自定义的内容为所述预设内容。

优选的，所述网页浏览方法还包括步骤：

预先建立网页地址与预设内容之间的映射关系；

在所述显示预设内容的步骤之前，还包括步骤：根据所述请求获取网页地址，并根据所述网页地址从所述网页地址与预设内容之间的映射关系查找得到相应的预设内容。

优选的，还包括步骤：若网页加载的时间小于预设值，则不显示预设内容；或，获取用户的设定操作，根据所述设定操作关闭显示预设内容的功能。

此外，还有必要提供一种能提高网络资源利用率的网页浏览系统。

一种网页浏览系统，包括：

加载模块，用于根据请求加载网页；

显示模块，用于在根据请求加载网页时显示预设内容，以及还用于当侦测到网页加载完成时，隐藏所述预设内容，并显示所述加载完成的网页。

优选的，所述网页浏览系统还包括：

速度获取模块，用于获取网络当前传输速度以及网页当前解析速度；

时间获取模块，用于根据所述网络当前传输速度及网页当前解析速度获取网页加载的时间；

判断模块，用于判断网页加载的时间是否大于预设值；

显示模块，用于在网页加载的时间大于预设值时，显示预设内容。

优选的，还包括：预设模块，用于选定默认内容为所述预设内容或选定用户自定义的内容为所述预设内容。

优选的，还包括：关系建立模块，用于预先建立网页地址与预设内容之间的映射关系；查找模块，用于根据所述请求获取网页地址，并根据所述网页地址从所述网页地址与预设内容之间的映射关系查找得到相应的预设内容。

优选的，还包括：功能关闭模块，用于获取用户的设定操作，根据所述设定操作关闭显示预设内容的功能。

上述网页浏览方法及系统，根据请求加载网页，并显示预设内容，当加载完成时，隐藏预设内容，显示加载完成的网页，如此，在加载过程中，显示预设内容，提高了网络资源的利用率，用户在等待网页加载过程中可观看预设内容，提高了用户体验。

【附图说明】

图1为一个实施例中网页浏览方法的流程图；

图2为图1中显示预设内容的具体流程图；

图3为图2中根据网络当前传输速度及网页当前解析速度获取网页加载的时间的具体流程图；

图4为一个实施例中网页浏览系统的内部结构示意图；

图5为另一个实施例中网页浏览系统的内部结构示意图；

图6为图5中时间获取模块的内部结构示意图；

图7为图6中计算单元的内部结构示意图；

图8为另一个实施例中网页浏览系统的内部结构示意图；

图9为另一个实施例中网页浏览系统的内部结构示意图；

图10为另一个实施例中网页浏览系统的内部结构示意图。

【具体实施方式】

下面结合具体的实施例及附图对技术方案进行详细的描述。

如图1所示，在一个实施例中，一种网页浏览方法，包括以下步骤：

步骤S110，根据请求加载网页并显示预设内容。

具体的，客户端获取到用户第一次打开浏览器或通过新建窗口新建网页等，均会侦测到加载网页的请求，向服务器发送该请求。然后根据请求加载网页，此时显示预设内容。

步骤S120，当侦测到网页加载完成，则隐藏预设内容，并显示加载完成的网页。

本实施例中，一直侦测网页加载的状态，当侦测到网页加载完成时，隐藏预设内容，显示加载完成的网页，以供用户浏览。当侦测到网页未加载完，则继续侦测网页加载的状态。

此外，在一个实施例中，上述网页浏览方法，在步骤S120之后，还包括步骤：获取用户的设定操作，根据该设定操作关闭显示预设内容的功能。具体的，接收用户通过键盘、触摸屏等输入设备输入的设定操作，关闭显示预设内容的功能。

如图2所示，在一个实施例中，所述显示预设内容的步骤包括：

步骤S210，获取网络当前传输速度以及网页当前解析速度。

具体的，网络当前传输速度是指网络传输数据的速度，可通过测试得到。

网页当前解析速度是指解析网页的速度，主要由浏览器的配置及内存使用情况等参数确定，内存越大、配置越高、复杂度越低，解析速度越快。浏览器配置主要是CPU频率，可设为H，XML文件生成DOM树的复杂度，可设为X，由此网页当前解析速度可设计计算公式：V＝c*(M*H)/X。其中，V为网页当前解析速度；M为空闲内存；H为CPU频率；X为复杂度；c：一般系数(该系数由实际情况，确定为一个常数)。

步骤S220，根据网络当前传输速度及网页当前解析速度获取网页加载的时间。

具体的，根据网页文件大小、网络当前传输速度及网页当前解析速度分别计算网页传输时间及网页解析时间。

如图3所示，在一个实施例中，步骤S220包括：

步骤S221，获取网页文件大小。

本实施例中，根据加载请求可获取加载网页文件大小，网页文件大小包括网页中文字、图片、控件等数据大小。如网页文件大小为700KB。

步骤S223，将网页文件大小除以网络当前传输速度得到网页传输时间。

例如，网页文件大小为700KB，网络当前传输速度为100KB/每秒，则网页传输时间为7秒。

步骤S225，将网页文件大小除以网页当前解析速度得到网页解析时间。

例如，网页文件大小为700KB，网页当前解析速度为200KB/每秒，则网页解析时间为3.5秒。

步骤S227，将网页传输时间与网页解析时间求和得到网页加载的时间。

具体的，网页加载的时间主要受到网页传输时间和网页解析时间的影响，故将网页传输时间与网页解析时间相加求和可得到网页加载的时间。例如，上述的网页传输时间为7秒、网页解析时间为3.5秒，则网页加载的时间为10.5秒。

步骤S230，判断网页加载的时间是否大于预设值，若是，执行步骤S240，若否，执行步骤S250。

本实施例中，预设值是指预设时长，由系统或用户设定，如2秒。网页加载的时间若小于等于该预设值，则表示网页加载时间较短，用户等待时间较短，不需显示预设内容，若大于预设值，则表示网页加载时间较长，用户需等待较久，显示预设内容，可提高网络资源的利用率，用户可浏览预设内容，增强用户体验。

步骤S240，显示预设内容。

具体的，预设内容可为选定的默认内容或选定的用户自定义的内容。

默认内容如系统设置一副世界风景图片、一则故事等。默认内容可自动更新。可设置预定间隔时间进行更新默认内容，如每间隔30分钟更新一次。具体的，可采集网站上的图片、笑话等，将其更新到默认内容。

用户自定义的内容可由用户选择设置，如用户自己的相册、日志、技术书籍等，且用户自定义的内容可进行增加、修改、删除等操作。用户自定义的内容可预先设定路径，如c:\abc等。根据预先设定路径对应的用户自定义的内容作为预设内容进行显示。

步骤S250，不显示预设内容。

本实施例中，网页加载的时间不大于预设值时，表示网页加载的时间较短，可不显示预设内容。

在一个实施例中，上述网页浏览方法，在步骤S110之前还包括：预先建立网页地址与预设内容之间的映射关系。

具体的，将娱乐内容的网页地址与图片建立映射关系，将技术内容的网页地址与技术文档建立映射关系。例如，将网页地址www.abc.com与自身相册内容之间建立映射关系，将网页地址www.csdn.cn与技术文档内容之间建立映射关系。此外，可将浏览过的网页内容进行保存，将保存的网页内容作为预设内容，设置网页内容的保存路径，将保存路径与网页地址之间建立映射关系，根据保存路径得到网页内容，并将其作为预设内容进行显示。

在显示预设内容的步骤之前还包括步骤：根据请求获取网页地址，并根据网页地址从网页地址与预设内容之间的映射关系查找得到相应的预设内容。

具体的，获取网页地址，从映射关系中查找到对应的预设内容，如网页地址为www.csdn.cn，查找到对应的预设内容为技术文档内容。

如图4所示，在一个实施例中，一种网页浏览系统，包括加载模块10和显示模块20。其中：

加载模块10用于根据请求加载网页。

具体的，获取到用户第一次打开浏览器或通过新建窗口新建网页等，均会侦测到加载网页的请求，向服务器发送该请求，加载模块10根据请求加载网页。

显示模块20用于在根据请求加载网页时，显示预设内容，以及当侦测到网页加载完成时，隐藏预设内容，并显示加载完成的网页。

本实施例中，一直侦测网页加载的状态，当侦测到网页加载完成时，隐藏预设内容，显示模块20显示加载完成的网页，以供用户浏览。当侦测到网页未加载完，则显示模块20继续显示预设内容。

如图5所示，在一个实施例中，上述网页浏览系统，除了包括加载模块10和显示模块20，还包括速度获取模块30、时间获取模块40和判断模块50。其中：

速度获取模块30用于获取网络当前传输速度以及网页当前解析速度。

具体的，网络当前传输速度是指网络传输数据的速度，可通过测试得到。

网页当前解析速度是指解析网页的速度，主要由浏览器的配置及内存使用情况等参数确定，内存越大、配置越高、复杂度越低，解析速度越快。

时间获取模块40用于根据网络当前传输速度及网页当前解析速度获取网页加载的时间。具体的，根据网页文件大小、网络当前传输速度及网页当前解析速度分别计算网页传输时间及网页解析时间。

如图6所示，在一个实施例中，时间获取模块40包括计算单元410和整合单元420。其中：

计算单元410用于计算网页传输时间及网页解析时间。

具体的，根据网页文件大小、网络当前传输速度及网页当前解析速度分别计算网页传输时间及网页解析时间。

如图7所示，在一个实施例中，计算单元410包括获取子单元411、传输时间计算子单元413和解析时间计算子单元415。其中：

获取子单元411用于获取网页文件大小。

本实施例中，根据加载请求可获取加载网页文件大小，网页文件大小包括网页中文字、图片、控件等数据大小。如网页文件大小为700KB。网络当前传输速度是指网络传输数据的速度，可通过测试得到。网页当前解析速度是指解析网页的速度，主要由浏览器的配置及内存使用情况等参数确定，内存越大、配置越高、复杂度越低，解析速度越快。

传输时间计算子单元413用于将网页文件大小除以网络当前传输速度得到所述网页传输时间。例如，网页文件大小为700KB，网络当前传输速度为100KB/每秒，则网页传输时间为7秒。

解析时间计算子单元415用于将网页文件大小除以网页当前解析速度得到网页解析时间。例如，网页文件大小为700KB，网页当前解析速度为200KB/每秒，则网页解析时间为3.5秒。

整合单元420用于将网页传输时间与网页解析时间求和得到网页加载的时间。

具体的，网页加载的时间主要受到网页传输时间和网页解析时间的影响，故将网页传输时间与网页解析时间相加求和可得到网页加载的时间。例如，上述的网页传输时间为7秒、网页解析时间为3.5秒，则网页加载的时间为10.5秒。

判断模块50用于判断网页加载的时间是否大于预设值。

本实施例中，预设值是指预设时长，由系统或用户设定，如2秒。加载预判时间若小于等于该预设值，则表示网页加载时间较短，用户等待时间较短，不需显示预设内容，若大于预设值，则表示网页加载时间较长，用户需等待较久，显示模块20显示预设内容，可提高网络资源的利用率，用户可浏览预设内容，增强用户体验。

显示模块20用于在加载预判时间大于预设值时，显示预设内容。

具体的，预设内容可为选定的默认内容或选定的用户自定义的内容。

默认内容如系统设置一副世界风景图片、一则故事等。默认内容可自动更新。可设置预定间隔时间进行更新默认内容，如每间隔30分钟更新一次。具体的，可采集网站上的图片、笑话等，将其更新到默认内容。

用户自定义的内容可由用户选择设置，如用户自己的相册、日志、技术书籍等，且用户自定义的内容可进行增加、修改、删除等操作。用户自定义的内容可预先设定路径，如c:\abc等。

显示模块20将根据预先设定路径对应的用户自定义的内容作为预设内容进行显示。

如图8所示，在一个实施例中，上述网页浏览系统，除了包括加载模块10和显示模块20、速度获取模块30、时间获取模块40和判断模块50，还包括预设模块60。

预设模块60用于选定默认内容为预设内容或选定用户自定义的内容为预设内容。

此外，在其他实施例中，上述网页浏览系统可仅包括加载模块10、显示模块20和预设模块60。

如图9所示，在一个实施例中，上述网页浏览系统，除了包括加载模块10和显示模块20、速度获取模块30、时间获取模块40和判断模块50，还包括关系建立模块70和查找模块80。其中：

关系建立模块70用于预先建立网页地址与预设内容之间的映射关系。

具体的，将娱乐内容的网页地址与图片建立映射关系，将技术内容的网页地址与技术文档建立映射关系。例如，将网页地址www.abc.com与自身相册内容之间建立映射关系，将网页地址www.csdn.cn与技术文档内容之间建立映射关系。此外，可将浏览过的网页内容进行保存，将保存的网页内容作为预设内容，设置网页内容的保存路径，将保存路径与网页地址之间建立映射关系，根据保存路径得到网页内容，并将其作为预设内容进行显示。

查找模块80用于根据加载请求获取网页地址，并根据网页地址从网页地址与预设内容之间的映射关系查找得到相应的预设内容。

具体的，查找模块80获取网页地址，从映射关系中查找到对应的预设内容，如网页地址为www.csdn.cn，查找到对应的预设内容为技术文档内容。

在其他实施例中，上述网页浏览系统可不包括速度获取模块30、时间获取模块40和判断模块50。

如图10所示，在一个实施例中，上述网页浏览系统，除了包括加载模块10和显示模块20，还包括功能关闭模块90。功能关闭模块90获取用户的设定操作，根据该设定操作关闭显示预设内容的功能。具体的，接收用户通过键盘、触摸屏等输入设备输入的设定操作，关闭显示预设内容的功能。

上述网页浏览方法及系统，根据请求加载网页，并显示预设内容，当加载完成时，因此预设内容，显示加载完成的网页，如此，在加载过程中，显示预设内容，提高了网络资源的利用率，用户在等待网页加载过程中可观看预设内容，提高了用户体验。

另外，根据计算得到的网页传输时间及网页解析时间估算网页加载的时间，提高了网页加载的时间计算的准确性，更好的提高网络资源的利用率，增强用户体验；预设内容可由用户自定义，满足用户自身的需求。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种网页浏览方法，包括以下步骤：

根据请求加载网页，并显示预设内容；

当侦测到网页加载完成时，则隐藏所述预设内容，并显示所述加载完成的网页。

2.根据权利要求1所述的网页浏览方法，其特征在于，所述显示预设内容的步骤包括：

获取网络当前传输速度以及网页当前解析速度；

根据所述网络当前传输速度及网页当前解析速度获取网页加载的时间；

判断网页加载的时间是否大于预设值，

若是，则显示预设内容。

3.根据权利要求1所述的网页浏览方法，其特征在于，还包括步骤：

选定默认内容为所述预设内容或选定用户自定义的内容为所述预设内容。

4.根据权利要求1所述的网页浏览方法，其特征在于，所述网页浏览方法还包括步骤：

预先建立网页地址与预设内容之间的映射关系；

在所述显示预设内容的步骤之前，还包括步骤：根据所述请求获取网页地址，并根据所述网页地址从所述网页地址与预设内容之间的映射关系查找得到相应的预设内容。

5.根据权利要求2所述的网页浏览方法，其特征在于，还包括步骤：

若网页加载的时间不大于预设值，则不显示预设内容；

或，获取用户的设定操作，根据所述设定操作关闭显示预设内容的功能。

6.一种网页浏览系统，其特征在于，包括：

加载模块，用于根据请求加载网页；

显示模块，用于在根据请求加载网页时显示预设内容，以及还用于当侦测到网页加载完成时，隐藏所述预设内容，并显示所述加载完成的网页。

7.根据权利要求6所述的网页浏览系统，其特征在于，所述网页浏览系统还包括：

速度获取模块，用于获取网络当前传输速度以及网页当前解析速度；

时间获取模块，用于根据所述网络当前传输速度及网页当前解析速度获取网页加载的时间；

判断模块，用于判断网页加载的时间是否大于预设值；

显示模块，用于在网页加载的时间大于预设值时，显示预设内容。

8.根据权利要求6所述的网页浏览系统，其特征在于，还包括：

预设模块，用于选定默认内容为所述预设内容或选定用户自定义的内容为所述预设内容。

9.根据权利要求6所述的网页浏览系统，其特征在于，还包括：

关系建立模块，用于预先建立网页地址与预设内容之间的映射关系；

查找模块，用于根据所述请求获取网页地址，并根据所述网页地址从所述网页地址与预设内容之间的映射关系查找得到相应的预设内容。

10.根据权利要求6所述的网页浏览系统，其特征在于，还包括：

功能关闭模块，用于获取用户的设定操作，根据所述设定操作关闭显示预设内容的功能。

Images