CN110309444A - 一种页面展示方法、装置、介质及服务器 - Google Patents

Abstract

本发明公开了一种页面展示方法、装置、介质及服务器，应用于互联网技术领域，用以增加链接的展示数量，提高页面利用率，增强各个链接之间层级关系的清晰度和完整性，具体为：监测到打开分流页面的点击事件时，向网页服务器发送携带该分流页面的URL的页面数据请求；网页服务器根据URL获取页面数据并返回至页面数据请求的请求方；请求方根据页面数据中的树状结构描述信息和各个链接的视觉效果描述信息，将页面数据中的各个链接渲染成树状结构的可视化数据展示到分流页面上。这样，不仅能够完整且清晰地展示出各个链接之间的层级关系，而且，布局简单紧凑，增加了链接的展示数量，提高了页面利用率。

Description

一种页面展示方法、装置、介质及服务器

技术领域

本发明涉及互联网技术领域，尤其涉及一种页面展示方法、装置、介质及服务器。

背景技术

随着互联网技术的不断发展，在浏览器上展示的数据越来越多，目前，大多数浏览器均采用分流页面来展示数据，即浏览器包括一个主页面，在主页面中展示有多个一级子页面的链接，点击任意一个一级子页面的链接，可以由该主页面切换至对应的一级子页面，在该一级子页面中展示有多个二级子页面的链接，点击任意一个二级子页面的链接，可以由该一级子页面切换至对应的二级子页面，依此类推，从而形成了多级分流页面，进而实现了数据分流。

虽然，通过主页面和各级子页面等分流页面来展示链接能够使浏览器承载更多数据，但是，如何增加分流页面展示的链接数量、提高页面利用率、并在分流页面上清晰且完整地展示各个链接，仍然是当前互联网技术领域亟待解决的技术问题。

发明内容

本发明实施例提供了一种页面展示方法、装置、介质及服务器，用以增加链接的展示数量，提高分流页面的页面利用率，增强各个链接之间层级关系的清晰度和完整性。

本发明实施例提供的具体技术方案如下：

第一方面，本发明实施例提供了一种页面展示方法，包括：

监测到打开分流页面的点击事件时，向网页服务器发送页面数据请求，其中，页面数据请求中至少携带有分流页面的统一资源定位符(Uniform Resource Locator，URL)；

接收网页服务器根据URL返回的分流页面的页面数据，其中，页面数据至少包含展示在分流页面上的各个链接、各个链接形成的树状结构描述信息和各个链接的视觉效果描述信息；

根据树状结构描述信息和各个链接的视觉效果描述信息，将各个链接渲染成树状结构的可视化数据，并将树状结构的可视化数据展示到分流页面上。

较佳的，根据树状结构描述信息和各个链接的视觉效果描述信息，将各个链接渲染成树状结构的可视化数据，包括：

按照树状结构描述信息描述的各个链接之间的层级关系，将各个链接的视觉效果描述信息依次渲染成相应的页面视觉元素，并将各个链接依次填充到相应的页面视觉元素中，得到树状结构的可视化数据。

较佳的，将树状结构的可视化数据展示到分流页面上，包括：

确定各个链接在分流页面上的展示位置，并根据各个链接在分流页面上的展示位置，将树状结构的可视化数据绘制到分流页面上；或者，

确定各个链接在分流页面的导航栏展示区域上的展示位置，并根据各个链接在导航栏展示区域上的展示位置，将树状结构的可视化数据绘制到导航栏展示区域上。

较佳的，将树状结构的可视化数据展示到分流页面上之后，还包括：

监测到查看分流页面上的链接的悬停事件时，突出展示链接以及与链接位于同一层级的其他链接。

较佳的，将树状结构的可视化数据展示到分流页面上之后，还包括：

监测到查看分流页面上的链接的悬停事件时，获取与链接预先绑定的预览数据；

根据链接在分流页面上的展示位置，确定预览数据的可展示范围，并在可展示范围内展示预览数据。

较佳的，在可展示范围内展示预览数据，包括：

生成一个浮层，并将预览数据添加至浮层中；

在可展示范围内展示添加有预览数据的浮层。

此外，本发明实施例还提供了另一种页面展示方法，包括：

接收页面数据请求，其中，页面数据请求中至少携带有分流页面的URL；

根据URL确定预先为分流页面配置的页面数据，页面数据至少包含展示在分流页面上的各个链接、各个链接形成的树状结构描述信息和各个链接的视觉效果描述信息；

将页面数据返回至页面数据请求的请求方，以便请求方根据树状结构描述信息和各个链接的视觉效果描述信息，将各个链接渲染成树状结构的可视化数据，并将树状结构的可视化数据展示到分流页面上。

较佳的，将页面数据返回至页面数据请求的请求方，包括：

计算页面数据的总数据量；

判断总数据量是否满足预设的全量发送条件；

若是，则将页面数据全部发送至请求方；

若否，将页面数据分割为至少两部分分别发送至请求方。

第二方面，本发明实施例提供了一种页面展示装置，包括：监测单元，发送单元，接收单元，渲染单元，其中，

监测单元，用于监测打开分流页面的点击事件；

发送单元，用于在监测单元监测到打开分流页面的点击事件时，向网页服务器发送页面数据请求，其中，页面数据请求中至少携带有分流页面的URL；

接收单元，用于接收网页服务器根据URL返回的分流页面的页面数据，其中，页面数据至少包含展示在分流页面上的各个链接、各个链接形成的树状结构描述信息和各个链接的视觉效果描述信息；

渲染单元，用于根据树状结构描述信息和各个链接的视觉效果描述信息，将各个链接渲染成树状结构的可视化数据，并将树状结构的可视化数据展示到分流页面上。

较佳的，在根据树状结构描述信息和各个链接的视觉效果描述信息，将各个链接渲染成树状结构的可视化数据时，渲染单元具体用于：

按照树状结构描述信息描述的各个链接之间的层级关系，将各个链接的视觉效果描述信息依次渲染成相应的页面视觉元素，并将各个链接依次填充到相应的页面视觉元素中，得到树状结构的可视化数据。

较佳的，在将树状结构的可视化数据展示到分流页面上时，渲染单元具体用于：

确定各个链接在分流页面上的展示位置，并根据各个链接在分流页面上的展示位置，将树状结构的可视化数据绘制到分流页面上；或者，

确定各个链接在分流页面的导航栏展示区域上的展示位置，并根据各个链接在导航栏展示区域上的展示位置，将树状结构的可视化数据绘制到导航栏展示区域上。

较佳的，渲染单元还用于：在监测单元监测到查看分流页面上的链接的悬停事件时，突出展示链接以及与链接位于同一层级的其他链接。

较佳的，渲染单元还用于：在监测单元监测到查看分流页面上的链接的悬停事件时，获取与链接预先绑定的预览数据，根据链接在分流页面上的展示位置，确定预览数据的可展示范围，并在可展示范围内展示预览数据。

较佳的，在可展示范围内展示预览数据时，渲染单元具体用于：

生成一个浮层，并将预览数据添加至浮层中，以及在可展示范围内展示添加有预览数据的浮层。

此外，本发明实施例还提供了另一种页面展示装置，包括：

接收单元，用于接收页面数据请求，其中，页面数据请求中至少携带有分流页面的URL；

确定单元，用于根据URL确定预先为分流页面配置的页面数据，页面数据至少包含展示在分流页面上的各个链接、各个链接形成的树状结构描述信息和各个链接的视觉效果描述信息；

发送单元，用于将页面数据返回至页面数据请求的请求方，以便请求方根据树状结构描述信息和各个链接的视觉效果描述信息，将各个链接渲染成树状结构的可视化数据，并将树状结构的可视化数据展示到分流页面上。

较佳的，在将页面数据返回至页面数据请求的请求方时，发送单元具体用于：

计算页面数据的总数据量；

判断总数据量是否满足预设的全量发送条件；

若是，则将页面数据全部发送至请求方；

若否，将页面数据分割为至少两部分分别发送至请求方。

第三方面，本发明实施例提供了一种非易失性计算机存储介质，该非易失性计算机存储介质存储有可执行程序，该可执行程序被处理器执行实现页面数据请求的请求方所执行的页面展示方法的步骤。

此外，本发明实施例还提供了另一种非易失性计算机存储介质，该非易失性计算机存储介质存储有可执行程序，该可执行程序被处理器执行实现网页服务器所执行的页面展示方法的步骤。

第四方面，本发明实施例提供了一种终端设备，包括存储器、处理器和存储在存储器上的计算机程序，处理器执行该计算机程序时实现页面数据请求的请求方所执行的页面展示方法的步骤。

此外，本发明实施例还提供了一种网页服务器，包括存储器、处理器和存储在存储器上的计算机程序，处理器执行该计算机程序时实现网页服务器所执行的页面展示方法的步骤。

本发明实施例的有益效果如下：

本发明实施例中，利用树状结构来展示各个链接，不仅能够完整且清晰地展示出各个链接之间的层级关系，而且，布局简单紧凑，可以使分流页面承载更多的链接，从而提高了分流页面的页面利用率。

附图说明

图1A为本发明实施例提供的当采用表单结构展示链接时的分流页面示意图；

图1B为本发明实施例提供的当采用侧边栏结构展示链接时的分流页面示意图；

图1C为本发明实施例提供的当采用标签结构展示链接时的分流页面示意图；

图1D为本发明实施例提供的当采用顶部水平栏结构展示链接时的分流页面示意图；

图1E为本发明实施例提供的当采用可视化图表结构展示链接时的分流页面示意图；

图2A为本发明实施例提供的页面展示系统的系统框架图；

图2B为本发明实施例提供的一种终端设备的硬件结构示意图；

图2C为本发明实施例提供的浏览器的组件架构图；

图2D为本发明实施例提供的一种网页服务器的硬件结构示意图；

图3A为本发明实施例提供的页面展示方法的交互流程图；

图3B为本发明实施例提供的当以页面内容的形式展示树状结构的可视化数据以页面内容的形式展示在分流页面上时的分流页面示意图；

图3C为本发明实施例提供的当以导航栏的形式展示树状结构的可视化数据以导航栏的形式展示在分流页面上时的分流页面示意图；

图3D为本发明实施例提供的当监测到查看分流页面上的链接的悬停事件，突出展示该链接以及与该链接位于同一层级的其他链接，并置灰展示与该链接位于不同层级的其他链接时的分流页面示意图；

图3E为本发明实施例提供的当监测到查看分流页面上的链接的悬停事件，在浮层中展示该链接的预览数据时的分流页面示意图；

图3F为本发明实施例提供的当从树状结构的可视化数据中剥离出至少一个层级的链接作为面包屑导航展示在分流页面上时的分流页面示意图；

图4为本发明实施例提供的在页面展示的过程中浏览器的处理流程示意图；

图5为本发明实施例提供的一种页面展示装置的功能结构示意图；

图6为本发明实施例提供的在页面展示的过程中网页服务器的处理流程示意图；

图7为本发明实施例提供的另一种页面展示装置的功能结构示意图；

图8为本发明实施例提供的另一种终端设备的硬件结构示意图；

图9为本发明实施例提供的另一种网页服务器的硬件结构示意图。

具体实施方式

目前，大多数浏览器在分流页面上展示链接时主要采用但不限于以下任意一种或多种结构：

(1)表单结构，参阅图1A所示，为采用表单结构展示链接时的分流页面示意图，一般的，以表单结构展示链接，可以使链接分类较为明确，能够承载较多链接。

(2)侧边栏结构，参阅图1B所示，为采用侧边栏结构展示链接时的分流页面示意图，在采用侧边栏结构展示链接时一般会展示在分流页面的左侧，还会伴随着弹出式的子导航菜单，以承载更多链接。

(3)标签结构，参阅图1C所示，为采用标签结构展示链接时的分流页面示意图，一般的，浏览器会采用标签云的形式来展示链接。

(4)顶部水平栏结构，参阅图1D所示，为采用顶部水平栏结构展示链接时的分流页面示意图，一般的，浏览器的主导航菜单中的各个链接会以顶部水平栏结构展示。

(5)可视化图表结构，参阅图1E所示，为采用可视化图表结构展示链接时的分流页面示意图，一般的，这种可视化图表结构主要用于展示各个链接之间的数据关系。

虽然上述五种结构各有千秋，但是，也都存在着一些问题，比如，在以表单结构展示链接时，通常链接的数量较多、密度较大，不便用户快速定位到想要查看的链接；在以侧边栏结构展示链接时，通常需要用户切换到不同的分组才能查看到该分组下的链接，而且，用户无法概览各个链接之间完整的层级关系；在以标签结构展示链接时，各个链接之间的层级关系等不够清晰，链接密度较大，可读性较差，不便用户快速定位到想要查看的链接；在以顶部水平栏结构展示链接时，可展示的链接数量相对较少；在以可视化图表结构展示链接时，页面利用率较低，当展示的链接数量较多时可读性较差，不便用户快速定位到想要查看的链接。基于此，为了增加链接的展示数量，提高分流页面的页面利用率，以及在分流页面上清晰且完整地展示各个链接之间的层级关系，本发明实施例提供了一种页面展示方法、装置、介质、终端设备及网页服务器。下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，并不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

首先，对本发明实施例中涉及的部分用语进行说明，以便于本领域技术人员理解。

终端设备，为可以安装各类浏览器，并且能够将浏览器提供的分流页面进行展示的设备。例如，计算机、手机、平板电脑、个人数字助理(Personal Digital Assistant，PDA)、车载设备、或者其它能够实现上述功能的设备等。

浏览器，为可以将网页服务器发送的页面数据进行渲染并展示在分流页面上，且能够与用户进行交互的一种应用软件，例如，360浏览器，QQ浏览器，火狐浏览器等。

网页服务器，为管理并向浏览器发送页面数据的后台运行设备。

链接，也称超级链接，为从当前对象指向目标对象的连接关系，其中，目标对象可以是不同于当前对象所在的分流页面的另一个分流页面，也可以是与当前对象位于同一个分流页面的另一个对象。

其次，对本发明示例性实施方式的页面展示系统进行简单说明，参阅图2A所示，本发明实施例提供了一种页面展示系统，该页面展示系统包括：终端设备210，安装在终端设备210上的浏览器220，以及网页服务器220。

具体地，在页面展示系统中，参阅图2B所示，终端设备210包括：处理器211、存储器212、监测单元213、显示单元214、输入单元215和电源216等。需要说明的是，处理器211和存储器212可以在同一芯片上实现，也可以在独立的芯片上分别实现，图2B仅以在独立的芯片上分别实现为例。

其中，处理器211，是终端设备210的控制中心，利用各类接口和线路与终端设备210中的其他部件和单元连接，通过运行或执行存储在存储器212内的软件程序和/或数据，实现终端设备210具备的各种功能，从而实现对终端设备210的整体监控。优选的，处理器211可以集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信等，需要说明的是，调制解调处理器也可以不集成在处理器211中，可以作为独立的部件部署在终端设备210中。

存储器212，包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、各种应用程序等，存储数据区可存储终端设备210的使用数据等。此外，存储器212可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件等。

监测单元213，用于监测打开分流页面的点击事件和/或查看展示在分流页面上的各个链接信息的悬停事件，并发送给浏览器220。

显示单元214，用于显示用户输入的信息、提供给用户的信息或终端设备210的各类菜单等，显示单元214可以包括显示面板2141。显示面板2141可以采用液晶显示屏(Liquid Crystal Display，LCD)、有机发光二极管(Organic Light-Emitting Diode，OLED)等形式来配置。本发明实施例中，显示单元214主要用于显示安装在终端设备210上的浏览器220渲染的页面。

输入单元215，用于接收用户输入的数字或字符等信息，包括触控面板2151和其他输入设备2152。其中，触控面板2151，也称为触摸屏，用于采集用户在其上或附近的触摸操作(比如，用户使用手指、触摸笔等任何适合的物体或附件，在触控面板2151上或在触控面板2151附近执行的操作)。具体的，触控面板2151可以检测用户的触摸操作，确定触摸操作对应的信号，并将这些信号转换成触点坐标发送给处理器211，以及接收处理器211下发的命令并加以执行。此外，触控面板2151可以采用电阻式、电容式、红外线和表面声波等多种类型实现；其他输入设备2152可以包括但不限于物理键盘、功能键(比如音量控制按键、开关机按键等)、轨迹球、鼠标和操作杆等中的一种或多种。

当然，触控面板2151可覆盖显示面板2141，当触控面板2151检测到在其上或附近的触摸操作后，传送给处理器211以确定该触摸操作对应的触摸事件的类型，随后处理器211根据触摸事件的类型在显示面板2141上提供相应的视觉输出。在具体实施时，触控面板2151和显示面板2141可以作为两个独立的部件分别实现终端设备210的输入和输出功能，也可以将触控面板2151和显示面板2141集成为一个部件实现终端设备210的输入和输出功能，图2B中仅以触控面板2151和显示面板2141可以作为两个独立的部件为例。

电源216，比如电池，用于给终端设备210中的各个部件和单元供电，可以通过电源管理系统与处理器211相连，从而通过电源管理系统实现充电、放电、以及功耗管理等功能。

当然，根据具体应用中的需要，终端设备210还可以包括射频(radio frequency，RF)电路217、音频电路218、扬声器2181、麦克风2182等其它部件，由于这些部件不是本发明实施例中重点使用的部件，因此，具体功能不再详述。本领域技术人员可以理解，图2B仅仅是终端设备210的举例，并不构成对终端设备210的限定，可以包括比图示的终端设备210更多或更少的部件，或者某些部件的组合，或者不同的部件。

具体地，在页面展示系统中，参阅图2C所示，浏览器220包括：用户界面(UserInterface，UI)221，渲染引擎222，以及网络组件223等。

其中，UI 221，包括地址栏、后退/前进按钮、书签目录等，用于与用户进行交互。

渲染引擎222，用于渲染网页服务器发送的页面数据，并展示渲染后的可视化信息。

网络组件223，用于完成网络调用，例如，向网页服务器发送页面数据请求等。

当然，根据具体应用中的需要，浏览器220还可以包括数据存储组件224、爪哇脚本(JavaScript，JS)解析器225、浏览器引擎226、UI后端227等其它组件，由于这些组件不是本发明实施例中重点使用的组件，因此，具体功能不再详述。本领域技术人员可以理解，图2C仅仅是浏览器220的举例，并不构成对浏览器220的限定，可以包括比图示的浏览器220更多或更少的组件，或者某些组件的组合，或者不同的组件。

具体地，在页面展示系统中，参阅图2D所示，网页服务器230包括：主板231、处理器232、芯片组233、存储器234、输入/输出(Input/Output，I/O)接口235和电源236等。

其中，主板231，是处理器232和芯片组233的载体，用于实现处理器232与芯片组233之间的电路连通。

处理器232，是网页服务器230的核心部件，通过运行或执行存储在存储器234内的软件程序和/或数据，实现页面数据的维护和查询等功能。

芯片组233，用于支持处理器232运行，可以包括但不限于北桥芯片和南桥芯片，其中，北桥芯片用于控制处理器232与内存、显卡等之间的数据交换，南桥芯片用于对I/O接口等外部接口进行控制。

存储器234，用于存储处理器232运行或执行的软件程序和/或数据，存储器234可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件等。

I/O接口235，用于实现处理器232与存储器234和外部设备之间的连接。

电源236，用于给网页服务器230中的各个部件供电，可以通过电源管理系统与处理器232相连，从而通过电源管理系统实现充电、放电、以及功耗管理等功能。

当然，根据具体应用中的需要，网页服务器230还可以包括散热器237、稳压器238等其它部件，由于这些部件不是本发明实施例中重点使用的部件，因此，具体功能不再详述。本领域技术人员可以理解，图2D仅仅是网页服务器230的举例，并不构成对网页服务器230的限定，可以包括比图示的网页服务器230更多或更少的部件，或者某些部件的组合，或者不同的部件。

在介绍了本发明示例性实施方式的页面展示系统之后，接下来，对本发明示例性实施方式的页面展示方法进行说明，参阅图3A所示，该页面展示方法的流程如下：

步骤301：浏览器220监测到打开分流页面的点击事件时，向网页服务器230发送页面数据请求，其中，页面数据请求中至少携带有分流页面的URL。

在实际应用中，浏览器220一般会安装在终端设备210上，基于此，浏览器220可以通过终端设备210的监测单元213监测用户触发的打开分流页面的点击事件，即，终端设备210的监测单元213实时监测用户触发的打开分流页面的点击事件，并在监测到用户触发的打开分流页面的点击事件时，将该打开分流页面的点击事件发送至浏览器220，浏览器220通过终端设备210的监测单元213监测到用户触发的打开分流页面的点击事件时，获取用户点击的分流页面的URL，并通过网络组件223调用终端设备210的网络，从而将该分流页面的URL携带在页面数据请求中发送至网页服务器230。

具体地，用户可以在浏览器220的UI 221上的地址栏输入网址后，通过点击进入按钮等触发打开分流页面的点击事件，此外，用户还可以通过点击展示在浏览器220的当前分流页面上的任意一个链接来触发打开下一级分流页面的点击事件。

步骤302：网页服务器230接收页面数据请求。

步骤303：网页服务器230根据页面数据请求中携带的分流页面的URL，确定预先为分流页面配置的页面数据，其中，页面数据至少包含展示在分流页面上的各个链接、各个链接形成的树状结构描述信息和各个链接的视觉效果描述信息，优选的，页面数据还可以包括各个链接的流向占比，这样，用户就可以根据展示在分流页面上的各个链接的流向占比，确定各个链接的动向。

在具体实施时，展示在分流页面上的各个链接可以是网页服务器230为该分流页面预先配置的固定链接，也可以是根据浏览器220的各级分流页面展示的所有链接的访问量、热度值等属性值，从所有链接中实时或定期选取的，比如，选取对应的属性值大于预设阈值的各个链接作为展示在该分流页面上的链接。

步骤304：网页服务器230将页面数据返回至浏览器220。

在实际应用中，网页服务器230可以先计算该页面数据的总数据量，再判断该总数据量是否满足预设的全量发送条件，比如，判断该总数据量是否满足小于预设阈值；若是，则将该页面数据全部发送至浏览器220，以便浏览器220一次性地渲染完所有页面数据；若否，将该页面数据分割为至少两部分分别发送至浏览器220，具体地，网页服务器230可以先将第一部分页面数据发送至浏览器220，当接收到浏览器220在渲染第一部分页面数据的同时发送的预加载数据请求时，再将其他部分的页面数据依次发送至浏览器220，以便浏览器220对其他部分的页面数据依次进行渲染展示。这样，网页服务器230根据页面数据的总数据量的大小来确定页面数据的发送方式，使得在总数据量较小时可以减少浏览器220发送数据请求的开销，在总数据量较大时可以减小浏览器220加载分流页面时的渲染时间，避免出现长时间卡顿或无法显示的问题。

步骤305：浏览器220接收网页服务器230根据URL返回的分流页面的页面数据。

步骤306：浏览器220根据树状结构描述信息和各个链接的视觉效果描述信息，将各个链接渲染成树状结构的可视化数据，并将树状结构的可视化数据展示到分流页面上。

在实际应用中，浏览器220可以通过渲染引擎222对页面数据进行渲染，具体地，可以采用但不限于以下方式：按照树状结构描述信息描述的各个链接之间的层级关系，将各个链接的视觉效果描述信息依次渲染成相应的页面视觉元素，并将各个链接依次填充到相应的页面视觉元素中，从而得到树状结构的可视化数据，进一步地，若该树状结构的可视化数据以页面内容的形式展示在该分流页面上，为了能够将该树状结构的可视化数据展示在该分流页面上，可以先确定各个链接在分流页面上的展示位置，再根据各个链接在分流页面上的展示位置，将该树状结构的可视化数据绘制到分流页面上，参阅图3B所示，为以页面内容的形式展示该树状结构的可视化数据时的分流页面示意图；当然，若该树状结构的可视化数据以导航栏的形式展示在该分流页面上，可以先确定各个链接在该分流页面的导航栏展示区域上的展示位置，并根据各个链接在导航栏展示区域上的展示位置，将该树状结构的可视化数据绘制到该导航栏展示区域上，参阅图3C所示，为以导航栏的形式展示该树状结构的可视化数据时的分流页面示意图。

进一步地，浏览器220通过渲染引擎222将树状结构的可视化数据展示到分流页面上之后，还可以通过终端设备210的监测单元213监测用户针对分流页面上的链接触发的悬停事件，即，终端设备210的监测单元213实时监测查看分流页面上的链接的悬停事件，并在监测到查看分流页面上的链接的悬停事件时，将该悬停事件发送至浏览器220，此时，浏览器220可以突出展示(比如，高亮展示、标红展示等)该链接以及与该链接位于同一层级的其他链接，当然，浏览器220还可以将与该链接位于不同层级的其他链接置灰展示，较佳的，浏览器220可以通过渲染引擎222来实现链接的突出展示和置灰展示，具体地，由于渲染引擎222在渲染过程中，会记录各个链接的层级序号，其中，因此，浏览器220通过终端设备210的监测单元213监测到查看分流页面上的链接的悬停事件时，渲染引擎222可以确定该链接的层级序号，并从所有链接中，遍历出对应的层级序号与该链接的层级序号相同的各个链接，从而获得与该链接位于同一层级的其他链接，进而，就可以将该链接以及与该链接位于同一层级的其他链接进行突出展示，当然，还可以将与该链接位于不同层级的其他链接进行置灰展示，参阅图3D所示，为监测到查看分流页面上的链接的悬停事件，突出展示该链接以及与该链接位于同一层级的其他链接，并置灰展示与该链接位于不同层级的其他链接时的分流页面示意图。

此外，当浏览器220通过渲染引擎222监测到查看分流页面上的链接的悬停事件时，还可以确定与该链接预先绑定的预览数据，并根据该链接在该分流页面上的展示位置，确定该预览数据的可展示范围，在该可展示范围内展示该预览数据，具体地，该预览数据可以包括但不限于链接名称、链接页面访问量(Page View，PV)、具有独立互联网协议地址(Internet Protocol Address，IP)的链接访问者数量(Unique Visitor，UV)、链接页面截图等，此外，该预览数据可以是网页服务器230以页面数据的形式返回给浏览器220，由浏览器220预先缓存的，也可以是浏览器220即时从网页服务器230上获取的，在此不作具体限定。优选的，在该可展示范围内展示该预览数据时，还可以生成一个浮层，将该预览数据添加至浮层中，并在该可展示范围内展示添加有预览数据的浮层，参阅图3E所示，为监测到查看分流页面上的链接的悬停事件，在浮层中展示该链接的预览数据时的分流页面示意图。

优选地，为了方便用户查看已经点击过的链接，浏览器220还可以根据用户点击过的链接，从树状结构的可视化数据中剥离出至少一个层级的链接作为面包屑导航展示在分流页面上，参阅图3F所示，为从树状结构的可视化数据中剥离出至少一个层级的链接作为面包屑导航栏展示在分流页面上时的分离页面示意图。

下面结合上述实施例，对浏览器220的处理流程作简单说明，参阅图4所示，在页面展示的过程中，浏览器220的处理流程如下：

步骤401：监测到打开分流页面的点击事件时，向网页服务器230发送页面数据请求，其中，该页面数据请求中至少携带有分流页面的URL。

步骤402：接收网页服务器230根据URL返回的分流页面的页面数据，其中，页面数据至少包含展示在分流页面上的各个链接、各个链接形成的树状结构描述信息和各个链接的视觉效果描述信息。

步骤403：根据树状结构描述信息和各个链接的视觉效果描述信息，将各个链接渲染成树状结构的可视化数据，并将树状结构的可视化数据展示到分流页面上。

具体地，浏览器220在执行步骤401-步骤403时所采用的具体方法与上述实施例中针对浏览器220所描述的具体方法相同，重复之处不再赘述。

此外，基于同一发明构思，本发明实施例还提供了一种页面展示装置，参阅图5所示，该页面展示装置至少包括：监测单元501，发送单元502，接收单元503，以及渲染单元504，其中，

监测单元501，用于监测打开分流页面的点击事件；

发送单元502，用于在监测单元501监测到打开分流页面的点击事件时，向网页服务器230发送页面数据请求，其中，页面数据请求中至少携带有分流页面的URL；

接收单元503，用于接收网页服务器230根据URL返回的分流页面的页面数据，其中，页面数据至少包含展示在分流页面上的各个链接、各个链接形成的树状结构描述信息和各个链接的视觉效果描述信息；

渲染单元504，用于根据树状结构描述信息和各个链接的视觉效果描述信息，将各个链接渲染成树状结构的可视化数据，并将树状结构的可视化数据展示到分流页面上。

较佳的，在根据树状结构描述信息和各个链接的视觉效果描述信息，将各个链接渲染成树状结构的可视化数据时，渲染单元504具体用于：

按照树状结构描述信息描述的各个链接之间的层级关系，将各个链接的视觉效果描述信息依次渲染成相应的页面视觉元素，并将各个链接依次填充到相应的页面视觉元素中，得到树状结构的可视化数据。

较佳的，在将树状结构的可视化数据展示到分流页面上时，渲染单元504具体用于：

确定各个链接在分流页面上的展示位置，并根据各个链接在分流页面上的展示位置，将树状结构的可视化数据绘制到分流页面上；或者，

确定各个链接在分流页面的导航栏展示区域上的展示位置，并根据各个链接在导航栏展示区域上的展示位置，将树状结构的可视化数据绘制到导航栏展示区域上。

较佳的，渲染单元504还用于：在监测单元监测到查看分流页面上的链接的悬停事件时，突出展示该链接以及与该链接位于同一层级的其他链接。

较佳的，渲染单元504还用于：在监测单元监测到查看分流页面上的链接的悬停事件时，获取与该链接预先绑定的预览数据，根据该链接在分流页面上的展示位置，确定预览数据的可展示范围，并在可展示范围内展示预览数据。

较佳的，在可展示范围内展示预览数据时，渲染单元504具体用于：

生成一个浮层，并将预览数据添加至浮层中，以及在可展示范围内展示添加有预览数据的浮层。

接下来，结合上述实施例，对网页服务器230的处理流程作简单说明，参阅图6所示，在页面展示的过程中，网页服务器230的处理流程如下：

步骤601：接收页面数据请求，其中，页面数据请求中至少携带有分流页面的URL。

步骤602：根据URL确定预先为分流页面配置的页面数据，页面数据至少包含展示在分流页面上的各个链接、各个链接形成的树状结构描述信息和各个链接的视觉效果描述信息。

步骤603：将页面数据返回至页面数据请求的请求方，以便请求方根据树状结构描述信息和各个链接的视觉效果描述信息，将各个链接渲染成树状结构的可视化数据，并将树状结构的可视化数据展示到分流页面上。

具体地，网页服务器230在执行步骤601-步骤603时所采用的具体方法与上述实施例中针对网页服务器230所描述的具体方法相同，重复之处不再赘述。

此外，基于同一发明构思，本发明实施例还提供了一种页面展示装置，参阅图7所示，该页面展示装置至少包括：接收单元701，确定单元702，发送单元703，其中，

接收单元701，用于接收页面数据请求，其中，页面数据请求中至少携带有分流页面的URL；

确定单元702，用于根据URL确定预先为分流页面配置的页面数据，页面数据至少包含展示在分流页面上的各个链接、各个链接形成的树状结构描述信息和各个链接的视觉效果描述信息；

发送单元703，用于将页面数据返回至页面数据请求的请求方，以便请求方根据树状结构描述信息和各个链接的视觉效果描述信息，将各个链接渲染成树状结构的可视化数据，并将树状结构的可视化数据展示到分流页面上。

较佳的，在将页面数据返回至页面数据请求的请求方时，发送单元703具体用于：

计算页面数据的总数据量；

判断总数据量是否满足预设的全量发送条件；

若是，则将页面数据全部发送至请求方；

若否，将页面数据分割为至少两部分分别发送至请求方。

需要说明的是，由于上述两种页面展示装置解决技术问题的原理与上述页面展示方法相似，因此，上述两种页面展示装置的实施可以参见页面展示方法的实施，重复之处不再赘述。

进一步地，本发明实施例中，浏览器220所执行的页面展示方法的步骤也可以在终端设备210上执行，有鉴于此，本发明实施例提供的终端设备210可以是如图2B所示的结构，也可以是如图8所示的结构，具体地，参阅图8所示，终端设备210至少包括：存储器801、处理器802、监测单元803和显示单元804。

其中，存储器801，用于存储处理器802执行的计算机程序；处理器802用于执行存储在存储器801上的计算机程序，处理器802执行该计算机程序时实现上述实施例中浏览器220所执行的页面展示方法的步骤；监测单元803用于监测打开分流页面的点击时间和/或查看分流页面上的各个链接的悬停事件。

本发明实施例中不限定存储器801、处理器802、监测单元803和显示单元804之间的具体连接介质。本发明实施例在图8中以存储器801、处理器802、监测单元803和显示单元804之间通过总线805连接，总线805在图8中以粗线表示，其它部件之间的连接方式，仅是进行示意性说明，并不引以为限。其中，总线805可以分为地址总线、数据总线、控制总线等。为便于表示，图8中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

此外，本发明实施例提供的网页服务器230可以是如图2D所示的结构，也可以是如图9所示的结构，具体地，参阅图9所示，网页服务器230至少包括：存储器901、处理器902和存储在存储器902上的计算机程序，处理器902执行该计算机程序时实现上述实施例中网页服务器230所执行的页面展示方法的步骤。

较佳的，本发明实施例中的网页服务器230还可以包括输入装置903和输出装置904等。输入装置903可以包括触控笔、键盘、鼠标、触摸屏等；输出装置904可以包括显示设备，如液晶显示器(Liquid Crystal Display，LCD)、阴极射线管(Cathode Ray Tube，CRT)，触摸屏等。

本发明实施例中不限定存储器901，处理器902、输入装置903和输出装置904之间的具体连接介质。本发明实施例在图9中以存储器901，处理器902、输入装置903和输出装置904之间通过总线905连接，总线905在图9中以粗线表示，其它部件之间的连接方式，仅是进行示意性说明，并不引以为限。其中，总线905可以分为地址总线、数据总线、控制总线等。为便于表示，图9中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。

接下来，对本发明示例性实施方式的非易失性计算机可读存储介质进行介绍。本发明实施例提供了一种非易失性计算机可读存储介质，该非易失性计算机可读存储介质存储有计算机可执行指令，该可执行程序被处理器执行实现上述实施例中浏览器220所执行的页面展示方法的步骤。具体地，该可执行程序可以作为应用软件下载到终端设备210中，也可以内置在终端设备210中，在此不作具体限定。

此外，本发明实施例提供了另一种非易失性计算机可读存储介质，该非易失性计算机可读存储介质存储有计算机可执行程序，该可执行程序被处理器执行实现上述实施例中网页服务器230所执行的页面展示方法的步骤。具体地，该可执行程序可以内置在网页服务器230中，这样，网页服务器230就可以通过执行内置的可执行程序实现上述实施例中网页服务器230所执行的页面展示方法的步骤。

在一些可能的实施方式中，本发明实施例提供的浏览器220执行的页面展示方法还可以实现为一种程序产品，该程序产品包括程序代码，当该程序产品可以在终端设备210上运行时，该程序代码用于使终端设备210执行上述实施例中浏览器220所执行的页面展示方法的步骤。

此外，本发明实施例提供的网页服务器230所执行的页面展示方法还可以实现为一种程序产品，该程序产品包括程序代码，当该程序产品可以在网页服务器230上运行时，该程序代码用于使网页服务器230执行上述实施例中网页服务器230所执行的页面展示方法的步骤。

较佳的，本发明实施例提供的程序产品可以采用一个或多个可读介质的任意组合，其中，可读介质可以是可读信号介质或者可读存储介质，而可读存储介质可以是但不限于是电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合，具体地，可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。

较佳的，本发明实施例提供的程序产品可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码，还可以在计算设备上运行。然而，本发明实施例提供的程序产品不限于此，在本发明实施例中，可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。

可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了可读程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。可读信号介质还可以是可读存储介质以外的任何可读介质，该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。

可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于无线、有线、光缆等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码，所述程序设计语言包括面向对象的程序设计语言，诸如Java、C++等，还包括常规的过程式程序设计语言，诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络连接到用户计算设备，诸如通过局域网(LAN)或广域网(WAN)连接到用户计算设备；或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

应当注意，尽管在上文详细描述中提及了装置的若干单元或子单元，但是这种划分仅仅是示例性的并非强制性的。实际上，根据本发明的实施方式，上文描述的两个或更多单元的特征和功能可以在一个单元中具体化。反之，上文描述的一个单元的特征和功能可以进一步划分为由多个单元来具体化。

此外，尽管在附图中以特定顺序描述了本发明方法的操作，但是，这并非要求或者暗示必须按照该特定顺序来执行这些操作，或是必须执行全部所示的操作才能实现期望的结果。附加地或备选地，可以省略某些步骤，将多个步骤合并为一个步骤执行，和/或将一个步骤分解为多个步骤执行。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。

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

Claims (14)

1.一种页面展示方法，其特征在于，包括：

监测到打开分流页面的点击事件时，向网页服务器发送页面数据请求，其中，所述页面数据请求中至少携带有所述分流页面的统一资源定位符URL；

接收所述网页服务器根据所述URL返回的所述分流页面的页面数据，其中，所述页面数据至少包含展示在所述分流页面上的各个链接、所述各个链接形成的树状结构描述信息和所述各个链接的视觉效果描述信息；

根据所述树状结构描述信息和所述各个链接的视觉效果描述信息，将所述各个链接渲染成树状结构的可视化数据，并将所述树状结构的可视化数据展示到所述分流页面上。

2.如权利要求1所述的页面展示方法，其特征在于，根据所述树状结构描述信息和所述各个链接的视觉效果描述信息，将所述各个链接渲染成树状结构的可视化数据，包括：

按照所述树状结构描述信息描述的所述各个链接之间的层级关系，将所述各个链接的视觉效果描述信息依次渲染成相应的页面视觉元素，并将所述各个链接依次填充到相应的页面视觉元素中，得到所述树状结构的可视化数据。

3.如权利要求1所述的页面展示方法，其特征在于，将所述树状结构的可视化数据展示到所述分流页面上，包括：

确定所述各个链接在所述分流页面上的展示位置，并根据所述各个链接在所述分流页面上的展示位置，将所述树状结构的可视化数据绘制到所述分流页面上；或者，

确定所述各个链接在所述分流页面的导航栏展示区域上的展示位置，并根据所述各个链接在所述导航栏展示区域上的展示位置，将所述树状结构的可视化数据绘制到所述导航栏展示区域上。

4.如权利要求1所述的页面展示方法，其特征在于，将所述树状结构的可视化数据展示到所述分流页面上之后，还包括：

监测到查看所述分流页面上的链接的悬停事件时，突出展示所述链接以及与所述链接位于同一层级的其他链接。

5.如权利要求1所述的页面展示方法，其特征在于，将所述树状结构的可视化数据展示到所述分流页面上之后，还包括：

监测到查看所述分流页面上的链接的悬停事件时，获取与所述链接预先绑定的预览数据；

根据所述链接在所述分流页面上的展示位置，确定所述预览数据的可展示范围，并在所述可展示范围内展示所述预览数据。

6.如权利要求5所述的页面展示方法，其特征在于，在所述可展示范围内展示所述预览数据，包括：

生成一个浮层，并将所述预览数据添加至所述浮层中；

在所述可展示范围内展示添加有所述预览数据的所述浮层。

7.一种页面展示方法，其特征在于，包括：

接收页面数据请求，其中，所述页面数据请求中至少携带有分流页面的统一资源定位符URL；

根据所述URL确定预先为所述分流页面配置的页面数据，所述页面数据至少包含展示在所述分流页面上的各个链接、所述各个链接形成的树状结构描述信息和所述各个链接的视觉效果描述信息；

将所述页面数据返回至所述页面数据请求的请求方，以便所述请求方根据所述树状结构描述信息和所述各个链接的视觉效果描述信息，将所述各个链接渲染成树状结构的可视化数据，并将所述树状结构的可视化数据展示到所述分流页面上。

8.如权利要求7所述的页面展示方法，其特征在于，将所述页面数据返回至所述页面数据请求的请求方，包括：

计算所述页面数据的总数据量；

判断所述总数据量是否满足预设的全量发送条件；

若是，则将所述页面数据全部发送至所述请求方；

若否，将所述页面数据分割为至少两部分分别发送至所述请求方。

9.一种页面展示装置，其特征在于，包括：

监测单元，用于监测打开分流页面的点击事件；

发送单元，用于在所述监测单元监测到打开分流页面的点击事件时，向网页服务器发送页面数据请求，其中，所述页面数据请求中至少携带有所述分流页面的统一资源定位符URL；

接收单元，用于接收所述网页服务器根据所述URL返回的所述分流页面的页面数据，其中，所述页面数据至少包含展示在所述分流页面上的各个链接、所述各个链接形成的树状结构描述信息和所述各个链接的视觉效果描述信息；

渲染单元，用于根据所述树状结构描述信息和所述各个链接的视觉效果描述信息，将所述各个链接渲染成树状结构的可视化数据，并将所述树状结构的可视化数据展示到所述分流页面上。

10.如权利要求9所述的页面展示装置，其特征在于，所述渲染单元还用于：

在所述监测单元监测到查看所述分流页面上的链接的悬停事件时，突出展示所述链接以及与所述链接位于同一层级的其他链接；和/或，

在所述监测单元监测到查看所述分流页面上的链接的悬停事件时，获取与所述链接预先绑定的预览数据，并根据所述链接在所述分流页面上的展示位置，确定所述预览数据的可展示范围，以及在所述可展示范围内展示所述预览数据；其中，在所述可展示范围内展示所述预览数据时，所述渲染单元具体用于：生成一个浮层，并将所述预览数据添加至所述浮层中；在所述可展示范围内展示添加有所述预览数据的所述浮层。

11.一种页面展示装置，其特征在于，包括：

接收单元，用于接收页面数据请求，其中，所述页面数据请求中至少携带有分流页面的统一资源定位符URL；

确定单元，用于根据所述URL确定预先为所述分流页面配置的页面数据，所述页面数据至少包含展示在所述分流页面上的各个链接、所述各个链接形成的树状结构描述信息和所述各个链接的视觉效果描述信息；

发送单元，用于将所述页面数据返回至所述页面数据请求的请求方，以便所述请求方根据所述树状结构描述信息和所述各个链接的视觉效果描述信息，将所述各个链接渲染成树状结构的可视化数据，并将所述树状结构的可视化数据展示到所述分流页面上。

12.如权利要求11所述的页面展示装置，其特征在于，在将所述页面数据返回至所述页面数据请求的请求方时，所述发送单元具体用于：

计算所述页面数据的总数据量；

判断所述总数据量是否满足预设的全量发送条件；

若是，则将所述页面数据全部发送至所述请求方；

若否，将所述页面数据分割为至少两部分分别发送至所述请求方。

13.一种非易失性计算机存储介质，其特征在于，所述非易失性计算机存储介质存储有可执行程序，所述可执行程序被处理器执行实现权利要求1-6任一项所述的页面展示方法的步骤。

14.一种网页服务器，其特征在于，包括存储器、处理器和存储在所述存储器上的计算机程序，所述处理器执行所述计算机程序时实现权利要求7或8所述的页面展示方法的步骤。