CN103778193A

CN103778193A - 一种提高网页显示速度的方法及浏览器

Info

Publication number: CN103778193A
Application number: CN201410005058.5A
Authority: CN
Inventors: 黄力
Original assignee: Beijing Star Net Ruijie Networks Co Ltd
Current assignee: Beijing Star Net Ruijie Networks Co Ltd
Priority date: 2014-01-06
Filing date: 2014-01-06
Publication date: 2014-05-07

Abstract

本发明实施例提供了一种提高网页显示速度的方法及浏览器，在该方法中，浏览器获取自身接收到的户输入的网页请求对应的HTML数据，此HTML数据中包括有用于实现超链接功能的文本标签对应的HTML数据；然后，对获取到的HTML数据进行解析后，显示网页请求对应的网页。在本发明实施例中，浏览器不再解析超链接标签例如<a>标签对应的HTML数据，而是解析由文本标签替代的HTML数据，这样一来，经过对浏览器的相关测试得知，浏览器解析文本标签的HTML数据，相对于解析<a>标签对应的HTML数据较快，这就提高了浏览器显示网页的速度，进一步提高了用户体验。

Description

一种提高网页显示速度的方法及浏览器

技术领域

本发明涉及网页浏览技术领域，尤其涉及一种提高网页显示速度的方法及浏览器。

背景技术

随着网络技术及网页设计的发展，网页的内容越来越丰富，并且通常采用超文本标记语言(Hyper Text Mark-up Language，HTML)格式来体现，HTML文本是由TML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分，其中，头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。HTML语言的基本构成单元是标签，例如超链接<a>标签(又称锚点标签，代表不同网页之间的链接关系)、<br>标签(代表换行)等。

在现有技术中，用户需要浏览网页时，通常是利用浏览器来实现的，通过浏览器可以显示在万维网或局域网内的文字、影像及其他资讯，具体的实现流程为：浏览器在接收到用户输入的网页请求例如Web网页请求时，从Web服务器下载此Web网页请求对应的HTML数据，并在下载完毕后，解析相关HTML数据，建立标签元素组成的树结构，并计算建立的树结构中各标签的位置，最后，根据各标签的位置进行排版后显示Web网页请求对应的网页。

在上述网页浏览流程中，如果用户输入的网页请求对应的HTML数据是由大量的<a>标签构成，而此类标签后续需要浏览器花费较长时间进行解析，这就导致浏览器显示此Web网页的速度较慢，进而使得用户体验较低。

发明内容

本发明实施例提供了一种提高网页显示速度的方法及浏览器，用以解决现有浏览器显示网页较慢使得用户体验较低的问题。

基于上述问题，本发明实施例提供的一种提高网页显示速度的方法，包括：

浏览器获取自身接收的用户输入的网页请求对应的HTML数据，所述HTML数据包括用于实现超链接功能的文本标签对应的HTML数据；

对获取到的HTML数据进行解析后，显示所述网页请求对应的网页。

本发明实施例提供的一种浏览器，包括：

接收模块，用于接收用户输入的网页请求；

获取模块，用于在所述接收模块接收到所述网页请求时，获取所述网页请求对应的HTML数据，所述HTML数据包括用于实现超链接功能的文本标签对应的HTML数据；

解析显示模块，用于对所述获取模块获取到的HTML数据进行解析后，显示所述网页请求对应的网页。

本发明实施例的有益效果包括：

本发明实施例提供的一种提高网页显示速度的方法及浏览器，在该方法中，浏览器获取自身接收的用户输入的网页请求对应的HTML数据，此HTML数据包括用于实现超链接功能的文本标签对应的HTML数据；然后，对获取到的HTML数据进行解析后，显示网页请求对应的网页。在本发明实施例中，浏览器在解析用户输入的网页请求对应的HTML数据时，不再解析链接标签例如<a>标签对应的HTML数据，而是解析由文本标签替代的HTML数据，这样一来，经过对浏览器的相关测试得知，浏览器解析文本标签的HTML数据，相对于解析<a>标签对应的HTML数据较快，因此，上述这种处理方式，提高了浏览器显示网页的速度，进一步提高了用户体验。

附图说明

图1为本发明实施例提供的一种提高网页显示速度的方法的流程图；

图2为本发明实施例提供的一种浏览器的结构示意图。

具体实施方式

下面结合说明书附图，对本发明实施例提供的一种提高网页显示速度的方法及浏览器的具体实施方式进行说明。

本发明实施例提供的一种提高网页显示速度的方法，如图1所示，具体包括以下步骤：

S11：浏览器获取自身接收的用户输入的网页请求对应的HTML数据；

在这里，上述HTML数据中包括有用于实现超链接功能的文本标签对应的HTML数据，浏览器在后续解析这种文本标签对应的HTML数据时，相对于解析超链接标签例如<a>标签对应的HTML事件而言，解析的速度较快，这个结论是对浏览器解析相关HTML数据的不断测试得到的；

S12：对获取到的HTML数据进行解析后，显示网页请求对应的网页。

优选地，在上述步骤S11中，浏览器可从Web服务器侧获取相应的HTML数据。在这里，对于Web服务器来说，它可利用JavaScript脚本语言来编写上述文本标签对应的HTML代码。例如，文本标签可为<label>标签，当然，文本标签还可以是其他标签，在此不再一一列举。

需要说明的是，对于Web服务器来说，将某个<a>标签对应的HTML事件，利用JavaScript脚本语言编写成<label>标签对应的HTML数据，整个编写过程为现有技术，在此不再详述。

例如，假设某个<a>标签对应的HTML事件为：用户点击该标签时，需要跳转到相应的目标网页(例如target_url.html)，同时在此网页上，当用户的鼠标停留在此标签上时标签需要展示A样式，鼠标移开时展示B样式，双击该标签时触发网页事件（如跳出提示信息）。基于上述HTML事件，对应的HTML数据可如下所示：

在上述<a>标签对应的HTML数据中，link定义为已访问的链接样式；visited定义为未访问的链接样式；hover定义为当有鼠标悬停在链接上时的样式；href定义为单击此“链接”时，跳转的URL地址为target_url.html这个网页。

对于Web服务器来说，如果将上述<a>标签对应的HTML数据，利用JavaScript脚本语言编写成<label>标签对应的HTML数据的话，具体的HTML数据如下：

在上述<label>标签对应的HTML数据中，对于浏览器来说，它在解析这些HTML数据时，首先会执行<body>标签的onload事件，此事件中的mountEvent函数的作用就是对label标签挂载相应的html事件：通过HTMLDOM的Document对象获取网页中所有的lable标签对象，由于上述<a>标签对应的HTML事件中需要实现相应的“单击跳转”事件（<a>标签的href属性）以及相应的各类样式(visited、hover等)，因此，在上述<label>标签对应的HTML数据中，需要在mountEvent函数中对获取的所有label标签对象分别挂载html标准的onmouseover（鼠标停留此标签是触发）及onmouseout（鼠标离开此标签时触发）事件，这些事件定义为此label标签的样式，由此实现与<a>标签的样式相同的功能，与此同时，还将label标签的onclick事件实现为单击跳转功能（跳转功能可以通过HTML DOM的Window对象的Location对象实现）。

这样一来，采用<label>标签对应的HTML数据替代<a>标签对应的HTML数据，后续浏览器解析起来，解析的速度较快，这就提高了显示网页的速度，进而提高了用户体验。

另外，在本发明实施例中，浏览器可为IE浏览器、火狐(Firefox)浏览器、Google浏览器和Opera浏览器其中之一。也就是说，对于不同类型的浏览器来说，均可执行上述流程，以提高显示网页的速度，进而提高用户体验。

基于同一发明构思，本发明实施例还提供了一种浏览器，由于该装置所解决问题的原理与前述一种提高网页显示速度的方法相似，因此该装置的实施可以参见前述方法的实施，重复之处不再赘述。

本发明实施例提供的一种浏览器，如图2所示，具体包括：

接收模块21，用于接收用户输入的网页请求；

获取模块22，用于在接收模块21接收到网页请求时，获取网页请求对应的HTML数据；

在这里，上述HTML数据中包括有用于实现超链接功能的文本标签对应的HTML数据；

解析显示模块23，用于对获取模块22获取到的HTML数据进行解析后，显示网页请求对应的网页。

优选地，上述获取模块22获取的HTML数据中文本标签对应的HTML数据是利用JavaScript脚本语言编写的HTML代码。

优选地，上述获取模块22获取的文本标签为Label标签。

优选地，上述装置可为IE浏览器、Firefox浏览器、Google浏览器和Opera浏览器其中之一。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims

1.一种提高网页显示速度的方法，其特征在于，包括：

浏览器获取自身接收的用户输入的网页请求对应的超文本标记语言HTML数据，所述HTML数据中包括有用于实现超链接功能的文本标签对应的HTML数据；

2.如权利要求1所述的方法，其特征在于，所述文本标签对应的HTML数据为利用JavaScript脚本语言编写的HTML代码。

3.如权利要求1或2所述的方法，其特征在于，所述文本标签为Label标签。

4.如权利要求3所述的方法，其特征在于，所述浏览器为IE浏览器、火狐浏览器、Google浏览器和Opera浏览器其中之一。

5.一种浏览器，其特征在于，包括：

接收模块，用于接收用户输入的网页请求；

获取模块，用于在所述接收模块接收到所述网页请求时，获取所述网页请求对应的超文本标记语言HTML数据，所述HTML数据中包括有用于实现超链接功能的文本标签对应的HTML数据；

6.如权利要求5所述的浏览器，其特征在于，所述获取模块获取的HTML数据中文本标签对应的HTML数据利用JavaScript脚本语言编写的HTML代码。

7.如权利要求5或6所述的浏览器，其特征在于，所述获取模块获取的文本标签为Label标签。

8.如权利要求7所述的浏览器，其特征在于，所述装置为IE浏览器、火狐浏览器、Google浏览器和Opera浏览器其中之一。