CN104866534A - 页面展示方法及装置 - Google Patents

Abstract

本发明公开了一种页面展示方法及装置。其中方法包括：根据用户发起的网站访问请求，获取服务器返回的与网站关联的所有页面的内容，与网站关联的所有页面包含网站的主页面以及与主页面存在至少一层链接关系的多个子页面；根据页面之间的链接关系，将主页面的内容和多个子页面的内容加载到同一页面中；检测输入设备在页面上触发事件；根据触发事件渲染展示对应的页面内容。本发明无需再根据用户的请求去服务器获取网页内容，克服了需要多次从服务器获取页面内容，占用用户时间的缺陷，通过将主页面的内容和多个子页面的内容加载到同一页面中，减少了页面链接跳转的次数和页面链接跳转等待时间，能够使用户不间断的浏览网页内容，增强了用户粘性。

Description

页面展示方法及装置

技术领域

本发明涉及互联网技术领域，具体涉及一种页面展示方法及装置。

背景技术

随着互联网技术的快速发展，目前出现了许多内容丰富的网页页面，然而客户端一般只是获取与终端显示屏幕的高度相对应的内容，当用户想要浏览更多内容时，通过用户滚动鼠标来加载更多的网页内容，一般采用的技术手段是：客户端接收到用户获取网页内容的请求后，将该请求发送给服务器，服务器根据该请求返回相应的网页内容。在一网站上，网站页面一般是以链接形式展示，通过鼠标点击超链接为用户加载一新页面展示相应内容，在网络不稳定的情况下，就会耗费很长时间，使得用户等待时间过长，导致用户放弃浏览网页，给用户使用带来不便。

发明内容

鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的页面展示方法和相应的页面展示装置。

根据本发明的一个方面，提供了一种页面展示方法，其包括：

根据用户发起的网站访问请求，获取服务器返回的与网站关联的所有页面的内容，与网站关联的所有页面包含网站的主页面以及与主页面存在至少一层链接关系的多个子页面；

根据页面之间的链接关系，将主页面的内容和多个子页面的内容加载到同一页面中；

检测输入设备在页面上触发事件；

根据触发事件渲染展示对应的页面内容。

根据本发明的另一方面，提供了一种页面展示装置，其包括：

获取模块，适于根据用户发起的网站访问请求，获取服务器返回的与网站关联的所有页面的内容，与网站关联的所有页面包含网站的主页面以及与主页面存在至少一层链接关系的多个子页面；

加载模块，适于根据页面之间的链接关系，将主页面的内容和多个子页面的内容加载到同一页面中；

检测模块，适于检测输入设备在页面上触发事件；

展示模块，适于根据触发事件渲染展示对应的页面内容。

根据本发明提供的方案，客户端获取服务器返回的与网站关联的所有页面的内容，从而无需再根据用户的请求去服务器获取网页内容，克服了现有的客户端加载同一页面内容时需要根据用户的触发事件(例如鼠标滚动)多次向服务器发送请求，以及多次加载服务器返回的页面内容，占用用户时间的缺陷，通过将主页面的内容和多个子页面的内容加载到同一页面中，克服了现有的用户需要通过点击“下一页”或具体的页面数字跳转到相应页面，减少了页面链接跳转的次数和页面链接跳转时加载等待时间，能够使用户不间断的浏览网页内容，增强了用户粘性。

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

附图说明

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

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

图2示出了根据本发明另一个实施例的页面展示方法的流程图；

图3示出了根据本发明一个实施例的页面展示装置的结构框图；

图4示出了根据本发明另一个实施例的页面展示装置的结构框图。

具体实施方式

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

图1示出了根据本发明一个实施例的页面展示方法的流程图。如图1所示，该方法包括以下步骤：

步骤S100，根据用户发起的网站访问请求，获取服务器返回的与网站关联的所有页面的内容，与网站关联的所有页面包含网站的主页面以及与主页面存在至少一层链接关系的多个子页面。

具体地，用户通过客户端发起访问网站的请求，服务器在接收到网站访问请求后，查找与该请求相关的与网站关联的所有页面的内容，并将与网站关联的所有页面的内容发送给客户端，客户端获取服务器返回的与网站关联的所有页面的内容。其中，与网站关联的所有页面包含网站的主页面以及与主页面存在至少一层链接关系的多个子页面，服务器存储有网站的主页面和子页面的页面内容，以及主页面和子页面的链接关系，该链接关系是指从一个页面指向另一个页面的连接关系。因此，客户端还获取到网站主页面和网站子页面之间的链接关系。

步骤S110，根据页面之间的链接关系，将主页面的内容和多个子页面的内容加载到同一页面中。

链接关系体现了两个页面之间的关系，具体指可以由一个页面链接到另一个页面。客户端在获取到网站主页面和网站子页面之间的链接关系后，根据该链接关系将主页面的内容和多个子页面的内容加载到同一页面中，具体体现为页面展示主页面的内容时与页面展示子页面的内容时的URL地址相同，其主要是通过改写网站代码的方式实现的。在一个页面中加载所有页面的内容，减少了页面链接跳转的次数和页面链接跳转等待时间。

步骤S120，检测输入设备在页面上触发事件。

可选地，客户端展示给用户的仅仅是网站主页面的内容，用户需要通过输入设备对页面触发操作来实现浏览子页面的内容，触发操作对应的触发事件可以是鼠标滚动事件、鼠标点击事件、键盘方向键点击事件等，触发事件并不限于上述事件，本领域技术人员可以根据实际使用的输入设备进行相应的触发事件。客户端对输入设备进行监控，检测输入设备在页面上发生的上述触发事件。

步骤S130，根据触发事件渲染展示对应的页面内容。

在检测到输入设备在页面上发生上述触发事件的情况下，客户端根据触发事件渲染展示对应的页面内容。本申请中，客户端获取到与网站关联的所有页面的内容后，仅仅渲染展示了主页面的内容，在检测到触发事件后，渲染展示对应的页面内容。

根据本发明上述实施例提供的方法，客户端获取服务器返回的与网站关联的所有页面的内容，从而无需再根据用户的请求去服务器获取网页内容，克服了现有的客户端加载同一页面内容时需要根据用户的触发事件(例如鼠标滚动)多次向服务器发送请求，以及多次加载服务器返回的页面内容，占用用户时间的缺陷，通过将主页面的内容和多个子页面的内容加载到同一页面中，克服了现有的用户需要通过点击“下一页”或具体的页面数字跳转到相应页面，减少了页面链接跳转的次数和页面链接跳转时加载等待时间，能够使用户不间断的浏览网页内容，增强了用户粘性。

图2示出了根据本发明另一个实施例的页面展示方法的流程图。如图2所示，该方法包括以下步骤：

步骤S200，根据用户发起的网站访问请求，获取服务器返回的与网站关联的所有页面的内容。

具体地，用户通过客户端发起访问网站的请求，服务器在接收到网站访问请求后，查找与该请求相关的与网站关联的所有页面的内容，并将与网站关联的所有页面的内容发送给客户端，客户端获取服务器返回的与网站关联的所有页面的内容。其中，与网站关联的所有页面包含网站的主页面以及与 主页面存在至少一层链接关系的多个子页面，服务器存储有网站的主页面和子页面的页面内容，以及主页面和子页面的链接关系，该链接关系是指从一个页面指向另一个页面的连接关系。因此，客户端还获取到网站主页面和网站子页面之间的链接关系。

步骤S210，根据页面之间的链接关系，确定主页面和多个子页面的加载顺序。

链接关系体现了两个页面之间的关系，具体指可以由一个页面链接到另一个页面。具体地，客户端在获取到网站主页面和网站子页面之间的链接关系后，根据页面之间的链接关系能够确定客户端加载主页面和多个子页面的顺序。

步骤S220，按照主页面和多个子页面的加载顺序，将主页面的内容和多个子页面的内容加载到同一页面中。

按照步骤S210中确定的加载顺序，将主页面的内容和多个子页面的内容加载到同一页面中，具体体现为页面展示主页面的内容时与页面展示子页面的内容时的URL地址相同，其主要是通过改写网站代码的方式实现的。在一个页面中加载所有页面的内容，减少了页面链接跳转的次数和页面链接跳转等待时间。

步骤S230，设置页面的背景图像的背景关联属性为固定。

在本申请中，由于将与网站关联的所有页面的内容加载到同一页面中，使得页面较长，在页面较长的情况下，当页面向下滚动时，页面的背景图像也会随之滚动。当页面滚动到超过图像的位置时，图像就会消失。此时，可以通过background-attachment属性防止这种滚动。具体地，可以声明图像相对于可视区是固定的(fixed)，即将background-attachment属性设置为固定，则使得图像不会随着页面滚动而滚动。

步骤S240，检测鼠标在页面上鼠标滚动事件。

具体地，鼠标滚动事件包括鼠标滚轮向上滚动和鼠标滚轮向下滚动。客户端通过监控鼠标，检测用户控制鼠标在页面上进行的鼠标滚轮向上滚动或鼠标滚轮向下滚动的事件。

步骤S250，根据鼠标滚动事件，通过滚动方式渲染展示对应的页面内容。

具体地，若鼠标滚动事件为鼠标滚轮向上滚动，则以向上滚动的方式渲染展示对应的页面内容；若鼠标滚动事件为鼠标滚轮向下滚动，则以向下滚动的方式渲染展示对应的页面内容。举例说明，客户端当前展示的是主页面的内容，当用户想要浏览更多子页面内容时，用户可以控制鼠标滚轮向下滚动，客户端将以向下滚动的方式渲染展示子页面的内容。

本申请中输入设备在页面上的触发事件并不限于鼠标滚动事件，还可以是鼠标点击事件，具体的实施方式如下：

检测鼠标对页面所包含的指定标签的鼠标点击事件，指定标签与指定页面具有索引关系。

具体地，鼠标点击事件是指用户通过鼠标左键点击页面的操作。指定页面具体指与网站关联的所有页面，包含网站的主页面以及与主页面存在至少一层链接关系的多个子页面。客户端获取到服务器返回的与网站关联的所有页面的内容，并将主页面的内容和子页面的内容加载到同一页面中，为了方便用户快速定位到主页面内容或子页面内容，可以在页面中添加标签，且为标签和指定页面设定索引关系，从而可以通过标签定位到与标签有索引关系的指定页面内容。

根据鼠标点击事件，渲染展示指定标签对应的指定页面的内容。

具体地，检测到用户利用鼠标左键点击页面上标签的操作后，客户端通过识别该标签，渲染展示与该标签对应的指定页面的内容。举例说明，页面上包含标签“课程”、“关于”、“问答”，当用户通过鼠标左键点击标签“课程”，客户端渲染展示与标签“课程”对应的内容。

本领域技术人员应该理解输入设备在页面上的触发事件并不限于本申请实施例中所列举的方式，本领域技术人员可以根据实际应用的需要灵活设计，在此不再赘述。

根据本发明上述实施例提供的方法，客户端获取服务器返回的与网站关联的所有页面的内容，从而无需再根据用户的请求去服务器获取网页内容，克服了现有的客户端加载同一页面内容时需要根据用户的触发事件(例如鼠 标滚动)多次向服务器发送请求，以及多次加载服务器返回的页面内容，占用用户时间的缺陷，通过将主页面的内容和多个子页面的内容加载到同一页面中，克服了现有的用户需要通过点击“下一页”或具体的页面数字跳转到相应页面，减少了页面链接跳转的次数和页面链接跳转时加载等待时间，能够使用户不间断的浏览网页内容，用户体验效果好，通过在页面上添加标签，并设定标签与指定页面的索引关系，使用户更方便快捷的找到所需要的页面内容，增加用户的粘性。

图3示出了根据本发明一个实施例的页面展示装置的结构框图。如图3所示，该装置包括：获取模块300、加载模块310、检测模块320、展示模块330。

获取模块300，适于根据用户发起的网站访问请求，获取服务器返回的与网站关联的所有页面的内容，与网站关联的所有页面包含网站的主页面以及与主页面存在至少一层链接关系的多个子页面。

加载模块310，适于根据页面之间的链接关系，将主页面的内容和多个子页面的内容加载到同一页面中。

检测模块320，适于检测输入设备在页面上触发事件。

展示模块330，适于根据触发事件渲染展示对应的页面内容。

根据本发明上述实施例提供的装置，客户端获取服务器返回的与网站关联的所有页面的内容，从而无需再根据用户的请求去服务器获取网页内容，克服了现有的客户端加载同一页面内容时需要根据用户的触发事件(例如鼠标滚动)多次向服务器发送请求，以及多次加载服务器返回的页面内容，占用用户时间的缺陷，通过将主页面的内容和多个子页面的内容加载到同一页面中，克服了现有的用户需要通过点击“下一页”或具体的页面数字跳转到相应页面，减少了页面链接跳转的次数和页面链接跳转时加载等待时间，能够使用户不间断的浏览网页内容，增强了用户粘性。

图4示出了根据本发明另一个实施例的页面展示装置的结构框图。如图4所示，该装置包括：获取模块400、加载模块410、检测模块420、展示模块430、设置模块440。

获取模块400，适于根据用户发起的网站访问请求，获取服务器返回的与网站关联的所有页面的内容，与网站关联的所有页面包含网站的主页面以及与主页面存在至少一层链接关系的多个子页面。

加载模块410，适于根据页面之间的链接关系，将主页面的内容和多个子页面的内容加载到同一页面中。

其中，加载模块410具体包括：确定单元450，适于根据页面之间的链接关系，确定主页面和多个子页面的加载顺序。

加载单元460，适于按照主页面和多个子页面的加载顺序，将主页面的内容和多个子页面的内容加载到同一页面中。

检测模块420，适于检测输入设备在页面上触发事件。

展示模块430，适于根据触发事件渲染展示对应的页面内容。

设置模块440，适于设置页面的背景图像的背景关联属性为固定。

其中，检测模块420进一步适于：检测鼠标在页面上鼠标滚动事件。

展示模块430进一步适于：根据鼠标滚动事件，通过滚动方式渲染展示对应的页面内容。

进一步地，检测模块420进一步适于：检测鼠标对页面所包含的指定标签的鼠标点击事件，指定标签与指定页面具有索引关系；

展示模块430进一步适于：根据鼠标点击事件，渲染展示指定标签对应的指定页面的内容。

根据本发明上述实施例提供的装置，客户端获取服务器返回的与网站关联的所有页面的内容，从而无需再根据用户的请求去服务器获取网页内容，克服了现有的客户端加载同一页面内容时需要根据用户的触发事件(例如鼠标滚动)多次向服务器发送请求，以及多次加载服务器返回的页面内容，占用用户时间的缺陷，通过将主页面的内容和多个子页面的内容加载到同一页面中，克服了现有的用户需要通过点击“下一页”或具体的页面数字跳转到相应页面，减少了页面链接跳转的次数和页面链接跳转时加载等待时间，能够使用户不间断的浏览网页内容，用户体验效果好，通过在页面上添加标签，并设定标签与指定页面的索引关系，使用户更方便快捷的找到所需要的页面 内容，增加用户的粘性。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权 利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的页面展示设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

Claims (10)

1.一种页面展示方法，其包括：

根据用户发起的网站访问请求，获取服务器返回的与网站关联的所有页面的内容，所述与网站关联的所有页面包含所述网站的主页面以及与所述主页面存在至少一层链接关系的多个子页面；

根据所述页面之间的链接关系，将所述主页面的内容和多个子页面的内容加载到同一页面中；

检测输入设备在页面上触发事件；

根据所述触发事件渲染展示对应的页面内容。

2.根据权利要求1所述的方法，其中，所述检测输入设备在页面上触发事件进一步包括：检测鼠标在页面上鼠标滚动事件；

根据所述触发事件渲染展示对应的页面内容进一步包括：根据所述鼠标滚动事件，通过滚动方式渲染展示对应的页面内容。

3.根据权利要求1或2所述的方法，其中，所述检测输入设备在页面上触发事件进一步包括：检测鼠标对页面所包含的指定标签的鼠标点击事件，所述指定标签与指定页面具有索引关系；

根据所述触发事件渲染展示对应的页面内容进一步包括：根据所述鼠标点击事件，渲染展示所述指定标签对应的指定页面的内容。

4.根据权利要求1-3任一项所述的方法，其中，所述根据页面之间的链接关系，将所述主页面的内容和多个子页面的内容加载到同一页面中具体为：

根据页面之间的链接关系，确定所述主页面和多个子页面的加载顺序；

按照所述主页面和多个子页面的加载顺序，将所述主页面的内容和多个子页面的内容加载到同一页面中。

5.根据权利要求1-4任一项所述的方法，其中，所述方法还包括：设置页面的背景图像的背景关联属性为固定。

6.一种页面展示装置，其包括：

获取模块，适于根据用户发起的网站访问请求，获取服务器返回的与网站关联的所有页面的内容，所述与网站关联的所有页面包含所述网站的主页面以及与所述主页面存在至少一层链接关系的多个子页面；

加载模块，适于根据所述页面之间的链接关系，将所述主页面的内容和多个子页面的内容加载到同一页面中；

检测模块，适于检测输入设备在页面上触发事件；

展示模块，适于根据所述触发事件渲染展示对应的页面内容。

7.根据权利要求6所述的装置，其中，所述检测模块进一步适于：检测鼠标在页面上鼠标滚动事件；

所述展示模块进一步适于：根据所述鼠标滚动事件，通过滚动方式渲染展示对应的页面内容。

8.根据权利要求6或7所述的装置，其中，所述检测模块进一步适于：检测鼠标对页面所包含的指定标签的鼠标点击事件，所述指定标签与指定页面具有索引关系；

所述展示模块进一步适于：根据所述鼠标点击事件，渲染展示所述指定标签对应的指定页面的内容。

9.根据权利要求6-8任一项所述的装置，其中，所述加载模块具体包括：

确定单元，适于根据页面之间的链接关系，确定所述主页面和多个子页面的加载顺序；

加载单元，适于按照所述主页面和多个子页面的加载顺序，将所述主页面的内容和多个子页面的内容加载到同一页面中。

10.根据权利要求6-9任一项所述的装置，其中，所述装置还包括：设置模块，适于设置页面的背景图像的背景关联属性为固定。