[发明专利]页面呈现方法及设备

说明书

技术领域

本发明涉及计算机技术领域，具体涉及一种页面呈现方法及设备。

背景技术

随着互联网的发展，网站提供的内容越来越丰富，吸引了越来越多的用户浏览。然而，网站大量内容的展示同时也拖慢了网页的显示速度，于是延时呈现技术应运而生。延时呈现，是指在网页中先不解析和渲染还没有被用户浏览到的部分，而等到用户向下浏览至相应位置时才加载、解析和渲染并显示该部分的内容。例如，当有些用户只浏览网页中某一范围内的内容时，网页中的其它范围内的内容就不需要加载了。这样，可以有效地加快网页显示速度，还可以降低服务器的消耗。

然而在现有技术中，只能对页面中的图片进行延时呈现处理，对其它的页面元素则无法进行延时呈现。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的页面呈现方法及设备。

依据本发明的一个方面，提供了一种页面呈现方法，包括步骤：对页面中需要延时呈现的元素进行注册；在浏览器中解析和渲染该页面中未注册的元素；判断是否要解析和渲染所注册的元素，如果要解析和渲染，则在浏览器中解析和渲染所注册的元素，否则存储所注册的元素；呈现所渲染的、位于浏览器的当前窗口中的元素；以及当浏览器的当前窗口上呈现的内容发生变化时，判断是否要解析和渲染所存储的已注册的元素，如果要解析和渲染，则解析和渲染所注册的元素。

可选地，其中对页面中需要延时呈现的元素进行注册的步骤包括：将需要延时呈现的元素嵌入到自定义类型的script标签中。

可选地，判断是否要解析和渲染所注册的元素包括步骤：判断所注册的元素是否位于浏览器的当前窗口中。

可选地，判断是否要解析和渲染所注册的元素包括步骤：判断页面是否在浏览器的窗口中滚动。

根据本发明的另一个方面，提供一种页面呈现设备，包括：元素注册器，被配置为对页面中需要延时呈现的元素进行注册；元素解析和渲染器，被配置为在浏览器中解析和渲染该页面中未注册的元素；元素解析和渲染判定器，被配置为判断是否要解析和渲染所注册的元素，如果要解析和渲染，则由元素解析和渲染器在浏览器中解析和渲染所注册的元素；元素暂存器，被配置为存储元素解析和渲染判定器判断为不解析和渲染的已注册元素；以及元素呈现器，被配置为呈现由元素解析和渲染器所解析和渲染的、位于浏览器的当前窗口中的元素；其中当浏览器的当前窗口上呈现的内容发生变化时，元素解析和渲染判定器判断是否要解析和渲染元素暂存器所存储的已注册的元素，如果要解析和渲染，则由元素解析和渲染器来解析和渲染由元素暂存器存储的已注册的元素。

可选地，其中元素注册器将需要延时呈现的元素嵌入到自定义类型的script标签中来进行注册。

可选地，其中元素解析和渲染判定器通过判断所注册的元素是否位于浏览器的当前窗口中来判断是否要解析和渲染所注册的元素。

可选地，元素解析和渲染判定器通过判断页面是否在浏览器的窗口中滚动来判断是否要解析和渲染所注册的元素。

根据本发明的页面呈现方法及设备，可以通过对注册过的需要延时呈现的元素进行延时呈现，以使得对页面中的注册过的元素进行延时呈现处理，从而不仅能对页面中的图片进行延时呈现处理，而且能对其它的页面元素进行延时呈现处理，由此有效提高了页面的显示速度。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示出了根据本发明一个实施例的页面呈现方法的流程图；以及

图2示出了根据本发明一个实施例的页面呈现设备的框图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。