CN105808594B - 浏览器导航页显示方法、装置及设备 - Google Patents

Abstract

本发明公开了一种浏览器导航页的显示方法、装置及设备。所述方法包括：将预设不同面积的标签在不规则位置显示；根据所述标签点击数的不同调整所述标签的面积。与现有技术相比，本发明的技术方案，浏览器导航页根据点击数设置所显示标签的面积，点击数越大的标签，面积越大，点击数越小的标签，面积越小。当用户点击某一标签的次数相对增多，而对另一标签的点击次数减少时，导航页能够根据对点击数的统计对标签面积自动调整，以使用户点击次数相对较多的标签突出显示，不仅显示形式多样，而且能够提高用户体验。

Description

浏览器导航页显示方法、装置及设备

技术领域

本发明涉及互联网技术领域，更具体而言，涉及一种浏览器导航页显示方法、装置及设备。

背景技术

随着网络的发展，作为方便、快捷的信息交互平台，各式各样不同功能的网站越来越多。然而，针对相同功能的网站，根据用户的使用习惯和网站的优化程度，用户的点击率也不相同。例如，同样是搜索引擎，在我国“百度”的点击率相对较高，“雅虎”的点击率相对较低。因此，为了方便用户使用，浏览器设置有向用户推荐网站的导航页，浏览器导航页所推荐的网站按照用户点击经验值从高到底进行选择。

传统浏览器导航页在设计时，设定显示固定个数的网站链接，每个网站链接对应设置一个标签，各个标签所占用的面积固定相等，在显示时所有标签以九宫格或者十二宫格的形式显示。然而，用户根据不同的生活习惯和工作性质，对所显示的部分标签点击率相对较高，对另一部分标签点击率相对较低，另外传统的显示方式中所有标签的面积始终固定，使得点击率相对较高的标签无法突出显示，而且用户也无法根据自身的使用习惯和需求对点击率相对较高的标签进行个性化设置，导致用户体验差。

发明内容

有鉴于此，本发明实施例提供的浏览器导航页显示方法、装置及设备，导航页所显示的标签能够根据用户的使用状况自动调整面积，显示形式多样，能够提高用户体验。

第一方面，本发明实施例提供了一种浏览器导航页的显示方法，包括：将预设不同面积的标签在不规则位置显示；根据所述标签点击数的不同调整所述标签的面积。

在第一方面的第一种可能的实现方式中，所述根据所述标签点击数的不同调整所述标签的面积，包括：从所显示的标签中获取面积相差预设像素的第一标签和第二标签，其中，所述第一标签的第一面积大于所述第二标签的第二面积；读取所述第一标签的第一点击数和所述第二标签的第二点击数；当所述第二点击数大于所述第一点击数时，将所述第二标签的面积调整为所述第一面积，将所述第一标签的面积调整为所述第二面积。

结合上述第一方面，在第二种可能的实现方式中，所述将预设不同面积的标签在不规则位置显示，包括：接收浏览器导航页打开命令；根据所述打开命令将预设数量的标签以不同面积在预设位置显示，其中，所述标签的面积以预设像素为数列差呈等差数列，所述预设位置以所述导航页的中心区域为中心向周围扩展。

结合上述第一方面，在第三种可能的实现方式中，还包括：按预设周期遍历所有面积对应的标签；当所述第一面积对应的标签不存在时，将所述第二面积对应的标签调整为所述第一面积。

结合上述第一方面，在第四种可能的实现方式中，所述当所述第一面积对应的标签不存在时，将所述第二面积对应的标签调整为所述第一面积，包括：当所述第一面积所对应的标签被删除时，将所述第二面积对应的标签调整为所述第一面积；或者，当面积比所述第一面积大的标签被删除，且所述第一面积所对应的标签面积增大时，将所述第二面积对应的标签调整为所述第一面积。

结合上述第一方面，在第五种可能的实现方式中，还包括：接收添加新标签的添加命令；设定所述新标签的点击数；将所述新标签以预设的最小面积添加到预设位置进行显示。

结合上述第一方面，在第六种可能的实现方式中，还包括：接收移动所述第一面积所对应的标签的移动命令；根据所述移动命令将所述第一面积所对应的标签移动到目标区域；当所述目标区域的面积小于所述第一面积时，以所述目标区域的中心坐标为中心，将所述目标区域周围的标签向外以放射状移动，直至所述第一面积对应的标签边缘与所述目标区域周围的标签没有重合。

结合上述第一方面，在第七种可能的实现方式中，还包括：分析所述导航页背景像素的颜色值；读取数量最多的颜色值；将与所述数量最多的颜色值相差预设阈值的颜色应用于所述标签。

第二方面，本发明实施例还提供了一种浏览器导航页的显示装置，包括：显示单元：用于将预设不同面积的标签在不规则位置显示；调整单元：用于根据所述显示单元所显示的标签点击数的不同调整所述标签的面积。

在第二方面的第一种可能的实现方式中，所述调整单元包括获取模块、读取模块和调整模块，其中，所述获取模块：用于从所显示的标签中获取面积相差预设像素的第一标签和第二标签，其中，所述第一标签的第一面积大于所述第二标签的第二面积；所述读取模块：用于读取所述获取单元获取的第一标签的第一点击数和所述第二标签的第二点击数；所述调整模块：用于在所述第二点击数大于所述第一点击数后，将所述第二标签的面积调整为所述第一面积，还用于在所述第二点击数大于所述第一点击数后，将所述第一标签的面积调整为所述第二面积。

结合上述第二方面，在第二种可能的实现方式中，所述显示单元包括接收模块和显示模块，其中，所述接收模块：用于接收浏览器导航页打开命令；所述显示模块：用于根据所述接收模块接收的打开命令将预设数量的标签以不同面积在预设位置显示，其中，所述标签的面积以预设像素为数列差呈等差数列，所述预设位置以所述导航页的中心区域为中心向周围扩展。

结合上述第二方面，在第三种可能的实现方式中，还包括遍历单元，其中，所述遍历单元：用于按预设周期遍历所有面积对应的标签；所述调整单元：还用于当所述第一面积对应的标签不存在时，将所述第二面积对应的标签调整为所述第一面积。

结合上述第二方面，在第四种可能的实现方式中，还包括接收单元和设定单元，其中，所述接收单元：用于接收添加新标签的添加命令；所述设定单元：用于设定所述新标签的点击数；所述显示单元：还用于将所述新标签以预设的最小面积添加到预设位置进行显示。

结合上述第二方面，在第五种可能的实现方式中，还包括移动单元，其中，所述接收单元：还用于接收移动所述第一面积所对应的标签的移动命令；所述移动单元：用于根据所述接收单元接收的移动命令将所述第一面积所对应的标签移动到目标区域；还用于当所述目标区域的面积小于所述第一面积时，以所述目标区域的中心坐标为中心，将所述目标区域周围的标签向外以放射状移动，直至所述第一面积对应的标签边缘与所述目标区域周围的标签没有重合。

结合上述第二方面，在第六种可能的实现方式中，还包括分析单元、读取单元和应用单元，其中，所述分析单元：用于分析所述导航页背景像素的颜色值；所述读取单元：用于读取数量最多的颜色值；所述应用单元：还用于将与所述读取单元读取的数量最多的颜色值相差预设阈值的颜色应用于所述标签。

第三方面，本发明实施例还提供了一种浏览器导航页的显示设备，包括第二方面所述的浏览器导航页的显示装置。

由以上技术方案可知，本发明实施例所提供的浏览器导航页的显示方法、装置及设备，标签在浏览器导航页以不同面积在不规则位置显示，与现有导航页标签的显示方式完全不同，不但标签之间的面积不同，标签的位置也不同。且本实施例中，标签能够根据点击数不同调整面积，与现有技术相比，浏览器导航页根据点击数设置所显示标签的面积，点击数越大的标签，面积越大，点击数越小的标签，面积越小。当用户点击某一标签的次数相对增多，而对另一标签的点击次数减少时，导航页能够根据对点击数的统计对标签面积自动调整，以使用户点击次数相对较多的标签突出显示，不仅显示形式多样，而且能够提高用户体验。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。通过附图所示，本发明的上述及其它目的、特征和优势将更加清晰。在全部附图中相同的附图标记指示相同的部分。并未刻意按实际尺寸等比例缩放绘制附图，重点在于示出本发明的主旨。

图1为本发明实施例提供的浏览器导航页的显示方法的方法流程图；

图2为本发明实施例提供的浏览器导航页的显示方法的第二种实施方式方法流程图；

图3为本发明实施例提供的浏览器导航页的显示方法的第三种实施方式方法流程图；

图4为本发明实施例提供的浏览器导航页的显示方法的第四种实施方式方法流程图；

图5为本发明实施例提供的浏览器导航页的页面示意图；

图6为本发明实施例提供的浏览器导航页的显示装置的结构示意图；

图7为本发明实施例提供的浏览器导航页的显示装置的第二种实施方式结构示意图；

图8为本发明实施例提供的浏览器导航页的显示装置的第三种实施方式结构示意图；

图9为本发明实施例提供的浏览器导航页的显示装置的第四种实施方式结构示意图；

图10为本发明实施例提供的浏览器导航页的显示设备的结构示意图。

具体实施方式

传统浏览器导航页的标签以九宫格或者十二宫格的形式进行显示，虽然，允许用户进行标签的增加、删除和位置更换，但是，标签的样式和面积始终保持固定，不仅不够美观，而且无法根据用户的使用状况灵活调节。进一步的，标签的颜色无法随导航页背景的改换而改变，显示形式单一，长期使用会产生审美疲劳，用户体验差。因此，提出了本发明实施例的浏览器导航页的显示方法和装置。

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整的描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

请参见图1，图1为本发明实施例提供的浏览器导航页的显示方法的方法流程图。所述显示方法包括以下步骤

步骤S101：将预设不同面积的标签在不规则位置显示。

其中，当用户第一次打开导航页时，浏览器将预设数量的标签按照预设面积进行显示。其中，初始状态时，按照历史点击数和用户点击率选择预设数量的标签，并且为标签设置最大面积和最小面积，最大面积和最小面积之间的面积以最大面积作为最大值，以预设像素为数列差呈等差数列设置。

需要指出的，本发明实施例中预设标签的数量、标签的最大面积、最小面积和预设像素可以根据用户的体验进行灵活设置，本发明对此不做限制。在本发明的一个优选示例中，初始状态时，预设11个标签进行显示，其中标签的最大面积的为300像素，最小面积为100像素，预设像素可以为30～50像素。

在标签显示时，可以按照历史点击数为每个标签设置一个默认点击数，每个标签对应一个默认点击数，默认点击数越大其显示时的面积越大；或者，将所有待显示标签的默认点击数均设置为零，按照顺序显示所有标签，第一个显示的标签的面积为最大面积，后面所显示的标签按照显示顺序面积顺次减小。

需要说明的是，为了避免标签重叠显示，每个标签均对应一个预设位置进行显示，其中，预设位置可以通过坐标进行设定。为了便于用户浏览，第一个标签的预设位置可以为导航页的中间区域，其他标签的预设位置以导航页的中间区域为中心向周围扩展,因此与现有技术的九宫格或者十二宫格设置位置相比可以认为是在不规则位置进行显示,改变现有的设置位置习惯。此外，本发明实施例中，标签的形状可以设置为任意规则几何形状，例如，圆形或者八角形等，本发明对此不做限制。

本实施例中，导航页标签不仅面积互不相等，而且显示位置和形状也不同于传统规则的显示方式，突破了传统导航页的显示格局，样式新颖，提高了用户体验。

步骤S102：根据所述标签点击数的不同调整所述标签的面积。

其中，导航页中每个所显示的标签的面积、点击次数、链接内容、显示位置等，均存储在数据库中，因此，在获取面积相差预设像素的标签时，可以通过所存储的面积进行获取。本步骤中，可以从数据库中获取两个面积相差预设像素的标签进行具体说明。

为了便于理解，本说明书结合实例对本发明实施例的技术方案进行描述。参见图5，图5本发明实施例提供的浏览器导航页的页面示意图。为了方便描述，在后面的阐述中，当引用到图5中的标签时，直接引标签的名字作为相对应的标签，本发明时实施例特此说明，并在后文不再赘述。

其中，本实施例中，标签为圆形，标签“百度”和标签“淘宝”为相差预设像素的两标签。其中，将标签“百度”作为第一标签，其面积作为确定第一面积，将标签“淘宝”作为第二标签，其面积确定为第二面积，第一面积比第二面积大。

在确定第一标签和第二标签之后，在数据库中查找第一标签的标识，并读取该标识对应的当前点击数作为第一点击数。读取第二点击数的方式与读取第一点击数的方式相同，本发明此处不再赘述。其中，标签对应的标识可以为存储时为标签设定的唯一的编号，当然，也可以是其他用于识别该标签的标识，本发明对此不做限制。

根据上述描述可知，如果导航页为初次打开，第一次读取时，第一点击数可以等于第二点击数，如果导航页并非初次打开，第一点击数大于第二点击数。例如，本实施例中，“百度”的当前的点击数的为1000次，“淘宝”的当前点击数为800次，即本实施例中第一点击数为1000次，第二点击数为800次。

为了避免导航页中的标签处于单一的显示形式，判断所读取的第二点击数是否大于第一点击数，并将判断结果作为调整标签的依据。如果第二点击数小于或者等于第一点击数，则证明标签当前的点击数与之前相同，因此，并不需要调整，因此，继续读取当前的第一点击数和第二点击数；如果第二点击数大于第一点击数，说明用户经常点击第二标签，为了使第二标签的显示更加突出，对第二标签进行调整。

需要说明的是，由于用户在使用浏览器过程中，需要不断的打开不同的网页，而每点击标签一次，相应标签的点击数加一并成为新的当前点击数。因此，本实施例中，第一点击数和第二点击数并非一成不变，而是根据用户的点击次数不断更新，也就是说，每次读取到的第一点击数和第二点击数与上次读取到的数值可能不同。

例如，图5中当前“百度”的点击数为1000次，“淘宝”的点击数为800次，如果近期用户工作较忙，浏览淘宝网的次数较少时，每次读取到的“淘宝”的点击数均小于“百度”的点击数，因此，保持导航页当前的显示模式，并重复读取二者的点击数即可。

当第二点击数超过第一点击数时，说明用户点击第二标签的频率相对较高，因此，应当将第二标签突出显示，以便于用户能够更快的识别出该标签。在本发明实施例中，当第二点击数大于第一点击数时，将第二标签的面积调整为第一面积，将第一标签的面积调整为第二面积，以使第二标签所显示的面积更大，更加突出。

当然，当用户处于不同的生活状态时，对不同标签的点击率不同，即使目前将第二标签的面积调整为第一面积，将第一标签的面积调整为第二面积了，当用户点击第一标签的次数相对增多时，依然会将第一标签的面积重新调整为第一面积，将第二标签的面积调整为第二面积。

例如，图5中当前“百度”的面积是240像素，“淘宝”的面积是210像素，由于节日将近，商品处于打折季，用户点击“淘宝”的次数增多，当“淘宝”的点击数达到1001，此时，将“淘宝”的面积调整为240像素，将“百度”的面积调整为210像素。当节日结束，用户忙于工作时，点击“百度”的次数上升，当“百度”的点击次数再次超过“淘宝”时，将“百度”的面积调整为240像素，将“淘宝”的面积调整为210像素。

当然，本实施例为了便于描述，以导航页所显示标签中的两个标签为例进行阐述，而导航页中不仅包括两个标签，还可以包括更多数量的标签，其调整过程与上述两个标签的调整方式类似，本发明此处不再赘述。

基于上述描述可知，本发明实施例提供的浏览器导航页的显示方法，浏览器导航页根据点击数设置所显示标签的面积，点击数越大的标签，面积越大，点击数越小的标签，面积越小。当用户点击某一标签的次数相对增多，而对另一标签的点击次数减少时，导航页能够根据对点击数的统计对标签面积自动调整，以使用户点击次数相对较多的标签突出显示，不仅显示形式多样，而且能够提高用户体验。

此外，传统导航页在删除某一个标签后，仅仅是被删除的标签所对应的区域被空置，其他标签无任何变化，造成导航页显示空间的浪费。为了解决该问题，同时使导航页中标签的显示更加人性化，个性化，还请参见图2，图2为本发明实施例提供的浏览器导航页的显示方法的第二种实施方式方法流程图。

本实施例是在上述实施例基础上的补充，因此，本实施例中的与上述实施例中相同描述的部分可以参见上述实施例的相关描述，本实施例不再赘述。

本实施例所述的步骤包括：

步骤S201：将预设不同面积的标签在不规则位置显示。

所说的不规则位置,是与现有的九宫格或者十二宫格的位置不同,例如可以将第一个标签的预设位置可以为导航页的中间区域，其他标签的预设位置以导航页的中间区域为中心向周围扩展。

步骤S202：根据所述标签点击数的不同调整所述标签的面积。

步骤S203：按预设周期遍历所有面积对应的标签。

其中，由上述实施例的描述可知，所显示标签的相关信息均存储在数据库中，而且每个标签对应一个唯一的标识，即每个面积对应一个标识，本实施例中，通过周期性的遍历数据库中的标识查找出被删除的标签，以便于能够及时调整导航页中标签的面积。

需要指出的，由于导航页的页面尺寸有限，因此，所能够显示的标签数量也有限，通常所显示的标签的数量最多为九个或者十二个，因此，遍历的数据量相对较少。为了能够提高调整效率，第一时间检测到有标签被删除，遍历的周期时间可以远小于删除标签的执行时长。当然，遍历的周期时间可以根据删除标签的执行时长进行灵活设定，本发明对此不做限制。

步骤S204：当所述第一面积对应的标签不存在时，将所述第二面积对应的标签调整为所述第一面积。

其中，当检测到第一面积的对应的标签不存在时，为了能够提高导航页的利用率，同时，使其他标签显示的更加直观，将第二面积的标签的调整为第一面积。

当然，如果将第二面积的标签调整为第一面积后，导航页中所显示的标签中不存在第二面积的标签，如果第二面积为所显示的标签中的最小面积，则不再进行任何调整，如果导航页中所显示的标签中，第二面积不是最小面积，则将比第二面积小预设像素的面积调整为第二面积。如果还包括面积更小的标签，则将面积更小的标签顺次增大预设像素。

例如，将图5中的“百度”删除，则数据库中不存在面积为240像素的标签，此时，将“淘宝”、“网易”、“京东”、“豆瓣”几个面积均小于240像素的标签面积依次调整大，均增大30像素。当然，如果将“京东”删除，由于比“京东”面积小的标签只有“豆瓣”，因此，将“豆瓣”的面积调整大即可。如果删除“豆瓣”，由于“豆瓣”是导航页中面积最小的标签，因此，不调整任何标签的面积。

本实施例中，如果有标签被删除，则将导航页中所显示的比被删除标签的面积更小面积的所有标签的面积均调整大，使得被调整面积的标签占据删除标签时所产生的空间，不仅能够提高导航页空间的利用率，而且使得面积相对较小的标签更加突出显示，导航页显示形式多变，不仅更加人性化、个性化，而且能够提高用户体验。

此外，本发明实施例的技术方案，添加新标签的方式也与传统的将标签按照固定大小添加到显示区域不同。下面通过结合图3，对新标签的添加进行详细描述。

图3示出了本发明实施例提供的浏览器导航页的显示方法的第三种实施方式方法流程图，本实施例也是以上述实施例为基础，对添加新标签的实施方式的补充，因此，为避免重复描述，与上述实施例的描述相同的部分，请参见上述实施例中相对应的描述，本发明此处不再赘述。

本实施例所述的显示方法包括以下步骤：

步骤S301：将预设不同面积的标签在不规则位置显示。

步骤S302：根据所述标签点击数的不同调整所述标签的面积。

步骤S303：接收用于添加新标签的添加命令。

其中，虽然在初次打开导航页时，导航页所显示标签的数量已经预先设定，但是，导航页中实际所显示的标签数量可以小于所设定的数量，例如，图5中所示的导航页预先设定能够显示12个标签，但是当前仅显示了各个标签，因此，用户还可以根据需求添加的新的标签。

在添加新标签时，用户通过点击屏幕上的添加符号发送添加命令，服务器在接收到添加命令后，可以按照历史点击数量向用户推送已显示标签之外的标签，用户可以从所推送的标签中选择想要添加的新标签后，如果所推送的标签中没有用户想要添加的新标签，用户可以通过输入网址的方式自定义想要添加的新标签。

当然，如果导航页中已经展示了预设数量的标签时，添加符号消失，用户无法添加新标签。当导航页中已经显示的标签数量达到预设数量时，添加标签消失的技术为本领域技术人员所熟知的技术，本发明此处不再赘述。

步骤S304：设定所述新标签的点击数。

当用户选定想要添加的新标签后，为了便于对新标签进行管理，服务器为新标签设定默认点击数。通常，由于新标签从未被用户点击使用，而且为了避免新标签的显示面积与已显示的标签的显示面积重合，本发明实施例中，将新标签的默认点击数设置为0。

步骤S305：将所述新标签以预设的最小面积添加到预设位置进行显示。

由于已经显示的标签的面积从预设的最大值依次减小，如果将新标签的面积设定为最大面积与最小面积之间的值时，新标签的面积很容易与已显示标签的面积重合，当添加新标签时，需要进行运算调整面积重合的标签，造成不必要的麻烦。

为了避免上述情况的发生，将新标签的面积设置为预设的最小面积，并且由于面积较小，为了突出显示，便于用户查看，将新标签的显示位置设置为固定位置。

由于已经显示的标签大多在导航页的中间区域显示，因此，为了突出显示新增的标签，将新标签的显示区域设定为导航页的任一角，该位置可以通过坐标来表示。

本实施例添加新标签的方法，虽然所添加的新标签面积最小，但是依然能够突出显示新标签，使得导航页更加个性化。

基于上述实施例的描述，如果某一标签处于导航页页面的边缘或者某一角的区域内，但是该标签的面积不断增大，当该标签增大到一定程度时，很容易影响用户对该标签的点击操作。为此，本发明在下一实施例中，提供了一种标签的移动方法。

请参见图4，图4示出了本发明实施例提供的浏览器导航页的显示方法的第四种实施方式方法流程图。基于上述实施例，为了进一步完善本发明的技术方案，本实施例包括下述步骤：

步骤S401：将预设不同面积的标签在不规则位置显示。

步骤S402：根据所述标签点击数的不同调整所述标签的面积。

步骤S403：接收移动所述第一面积所对应的标签的移动命令。

在上述实施例的基础上，以图5为例，将“百度”的面积作为第一面积，当用户选择并长时间点击“百度”时，发送选择“百度”的命令，当用户拖动“百度”时，向“百度”发送移动命令，当用户将“百度”拖动到某一区域并释放时，该区域即为“百度”的目标区域。

步骤S404：根据所述移动命令将所述第一面积所对应的标签移动到目标区域。

本实施例中，目标区域可以为导航页中的任意区域，用户可以根据使用习惯将想要移动的标签移动到目标区域，本发明对此不做限制。本实施例中，当移动到的区域内显示有其他标签时，将所显示的标签之间的区域设定为目标区域。例如，如果将“百度”移动到“网易”、“京东”、“微博”和“豆瓣”之间，则将“网易”、“京东”、“微博”、“豆瓣”之间的区域设定为目标区域。

步骤S405：当所述目标区域的面积小于所述第一面积时，以所述目标区域的中心坐标为中心，将所述目标区域周围的标签向外以放射状移动，直至所述第一面积对应的标签边缘与所述目标区域周围的标签没有重合。

由于目标区域在“网易”、“京东”、“微博”、“豆瓣”之间，因此，目标区域的面积小于“百度”的面积，如果将“百度”移动到此处，会覆盖其他四个标签，导致用户点击不便，影响使用。

为了解决上述问题，本实施例中，读取目标区域的中心坐标，以该中心坐标为中心，将“网易”、“京东”、“微博”、“豆瓣”以放射状移动，直到“百度”的边缘与“网易”、“京东”、“微博”和“豆瓣”的边缘没有重合。

由于本实施例中标签为圆形，因此，可以通过判断“百度”的圆心坐标分别与“网易”、“京东”、“微博”、“豆瓣”的圆心坐标的距离与“百度”分别与“网易”、“京东”、“微博”、“豆瓣”的半径之和的关系，判断“百度”的边缘与“网易”、“京东”、“微博”和“豆瓣”的边缘是否有重合。

例如，当“百度”的圆心坐标与“网易”的圆心坐标的距离小于“百度”和“网易”的半径之和，则说明“百度”的边缘与“网易”边缘有部分重合；当“百度”的圆心坐标与“网易”的圆心坐标的距离与“百度”和“网易”的半径之和相等，则说明“百度”的边缘与“网易”边缘紧挨，没有重合；当然，当“百度”的圆心坐标与“网易”的圆心坐标的距离大于“百度”和“网易”的半径之和时，“百度”的边缘与“网易”边缘肯定没有重合。判断“百度”与其他标签的边缘是否重合的方法与该方法相同，本发明此处不再赘述。

当然，上述仅为本发明实施例的优选示例，标签也可以为其他形状，但是由于标签为规则的几何形状，因此，计算“百度”的边缘与“网易”、“京东”、“微博”和“豆瓣”的边缘是否有重合的方法类似，本发明此处不再一一详述。

本实施例所述的移动方法，与现有技术相比，不受移动位置的限制，而且标签之间能够根据目标区域的面积自行进行适应性调整，不仅样式新颖，而且更加人性化。

需要指出的，本发明实施例所述的显示方法，标签的颜色还能够根据导航页背景颜色的变化自行进行调整，显示形式多样。具体的包括，当用户更换导航页壁纸时，分析导航页背景像素的颜色值，读取出现次数最多的颜色值，取与出现次数最多的颜色值相差较明显的颜色值应用于标签的显示。其中，相差明显的颜色值为色阶值相差设定阈值或者灰度值相差设定阈值的颜色。

综合上述，本发明实施例所提供的浏览器导航页的显示方法，标签在浏览器导航页以不同面积在不规则位置显示，与现有导航页标签的显示方式完全不同，不但标签之间的面积不同，标签的位置也不同。且本实施例中，标签能够根据点击数不同调整面积，与现有技术相比，浏览器导航页根据点击数设置所显示标签的面积，点击数越大的标签，面积越大，点击数越小的标签，面积越小。当用户点击某一标签的次数相对增多，而对另一标签的点击次数减少时，导航页能够根据对点击数的统计对标签面积自动调整，以使用户点击次数相对较多的标签突出显示，不仅显示形式多样，而且能够提高用户体验。

与上述实现方法相对应的，本发明实施例还提供了一种浏览器导航页的显示装置，如图6所示，为本发明实施例提供的浏览器导航页的显示装置的结构示意图，所述装置包括：显示单元11和调整单元12，其中，所述显示单元11，用于将预设不同面积的标签在不规则位置显示；所述调整单元12，用于根据所述显示单元所显示的标签点击数的不同调整所述标签的面积。

在本实施例中，所述调整单元12包括获取模块、读取模块和调整模块，其中，所述获取模块，用于从所显示的标签中获取面积相差预设像素的第一标签和第二标签，其中，所述第一标签的第一面积大于所述第二标签的第二面积；所述读取模块，用于读取所述获取单元获取的第一标签的第一点击数和所述第二标签的第二点击数；所述调整模块，用于在所述第二点击数大于所述第一点击数后，将所述第二标签的面积调整为所述第一面积，还用于在所述第二点击数大于所述第一点击数后，将所述第一标签的面积调整为所述第二面积。

所述显示单元包括接收模块和显示模块，其中，所述接收模块，用于接收浏览器导航页打开命令；所述显示模块：用于根据所述接收模块接收的打开命令将预设数量的标签以不同面积在预设位置显示，其中，所述标签的面积以预设像素为数列差呈等差数列，所述预设位置以所述导航页的中心区域为中心向周围扩展。

所述装置中各个单元的功能和作用的实现过程详见上述方法中对应的实现过程，在此不再赘述。

本实施例中，导航页标签不仅面积互不相等，而且显示位置和形状也不同于传统规则的显示方式，突破了传统导航页的显示格局，样式新颖，提高了用户体验。

在上述实施例的基础上，为了进一步优化本发明的技术方案，参见图7，在本实施例中，所述装置还包括遍历单元23，用于按预设周期遍历所有面积对应的标签。而显示单元21和调整单元22的作用与功能与上述的实施例相似，本发明此处不再赘述。

此外，在本实施例中，所述调整单元22，还用于当所述第一面积对应的标签不存在时，将所述第二面积对应的标签调整为所述第一面积。具体的，用于在所述第一面积所对应的标签被删除时，将所述第二面积对应的标签调整为所述第一面积；或者，在面积比所述第一面积大的标签被删除，且所述第一面积所对应的标签面积增大时，将所述第二面积对应的标签调整为所述第一面积。

本实施例中，如果有标签被删除，则将导航页中所显示的比被删除标签的面积更小面积的所有标签的面积均调整大，使得被调整面积的标签占据删除标签时所产生的空间，不仅能够提高导航页空间的利用率，而且使得面积相对较小的标签更加突出显示，导航页显示形式多变，不仅更加人性化、个性化，而且能够提高用户体验。

此外，为了满足添加标签的需求，本发明实施例还提供了显示装置的第三种实施方式，如图8所示，所述装置还包括：接收单元33和设定单元34。其中，所述接收单元33，用于接收添加新标签的添加命令；所述设定单元34，用于设定所述新标签的点击数。显示单元31和调整单元32的作用与功能与上述的实施例相似，本发明此处不再赘述。

需要说明的，在本实施例中，所述显示单元32，还用于将所述新标签以预设的最小面积添加到预设位置进行显示。

对应上述方法可知，用户能够根据自身的需求和习惯对标签进行移动，因此，本发明实施例所述的显示装置还包括第四种实施方式，参见图9，所述装置包括：显示单元41、调整单元42、接收单元43和移动单元44，其中，所述显示单元41、所述调整单元42和所述接收单元43的作用与功能与上述的实施例相似，本发明此处不再赘述，所述移动单元44，用于根据所述接收单元接收的移动命令将所述第一面积所对应的标签移动到目标区域。

在本实施例的基础上，在另一个实施例中，当所述目标区域的面积小于所述第一面积时，所述移动单元44，还用于以所述目标区域的中心坐标为中心，将所述目标区域周围的标签向外以放射状移动，直至所述第一面积对应的标签边缘与所述目标区域周围的标签没有重合。

此外，在本实施例中，所述接收单元43，还用于接收移动所述第一面积所对应的标签的移动命令。

需要说明的是，本发明实施例的显示装置还包括分析单元、读取单元和应用单元，其中，所述分析单元，用于分析所述导航页背景像素的颜色值；所述读取单元，用于读取数量最多的颜色值；所述应用单元，还用于将与所述读取单元读取的数量最多的颜色值相差预设阈值的颜色应用于所述标签，以便于能够根据导航页的背景颜色随时更换标签的颜色。

综合上述，本发明实施例所提供的浏览器导航页的显示装置，标签在浏览器导航页以不同面积在不规则位置显示，与现有导航页标签的显示方式完全不同，不但标签之间的面积不同，标签的位置也不同。且本实施例中，标签能够根据点击数不同调整面积，与现有技术相比，浏览器导航页根据点击数设置所显示标签的面积，点击数越大的标签，面积越大，点击数越小的标签，面积越小。当用户点击某一标签的次数相对增多，而对另一标签的点击次数减少时，导航页能够根据对点击数的统计对标签面积自动调整，以使用户点击次数相对较多的标签突出显示，不仅显示形式多样，而且能够提高用户体验。

结合上述浏览器导航页的显示方法和显示装置，本发明实施例还提出了一种显示设备，如图10所示，为本发明实施例所提供的浏览器导航页的显示设备结构示意图，所述显示设备1包括上述实施例的显示装置10。

需要说明的是，本发明可用于众多通用或专用的计算系统环境或配置中。例如：个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器系统、基于微处理器的系统、置顶盒、可编程的消费电子设备、网络PC、小型计算机、大型计算机、包括以上任何系统或设备的分布式计算环境等等。

本发明可以在由计算机执行的计算机可执行命令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本发明，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

综合上述，本发明实施例所提供的浏览器导航页的显示方法、装置及设备，标签在浏览器导航页以不同面积在不规则位置显示，与现有导航页标签的显示方式完全不同，不但标签之间的面积不同，标签的位置也不同。且本实施例中，标签能够根据点击数不同调整面积，与现有技术相比，浏览器导航页根据点击数设置所显示标签的面积，点击数越大的标签，面积越大，点击数越小的标签，面积越小。当用户点击某一标签的次数相对增多，而对另一标签的点击次数减少时，导航页能够根据对点击数的统计对标签面积自动调整，以使用户点击次数相对较多的标签突出显示，不仅显示形式多样，而且能够提高用户体验。

以上所述仅是本发明的具体实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (12)

1.浏览器导航页的显示方法，其特征在于，包括：

将预设不同面积的标签在不规则位置显示；

根据所述标签点击数的不同调整所述标签的面积；

接收移动第一面积所对应的标签的移动命令；

根据所述移动命令将所述第一面积所对应的标签移动到目标区域；

当所述目标区域的面积小于所述第一面积时，以所述目标区域的中心坐标为中心，将所述目标区域周围的标签向外以放射状移动，直至所述第一面积对应的标签边缘与所述目标区域周围的标签没有重合；

按预设周期遍历所有面积对应的标签；

当所述第一面积对应的标签不存在时，将第二面积对应的标签调整为所述第一面积。

2.如权利要求1所述的显示方法，其特征在于，所述根据所述标签点击数的不同调整所述标签的面积，包括：

从所显示的标签中获取面积相差预设像素的第一标签和第二标签，其中，所述第一标签的第一面积大于所述第二标签的第二面积；

读取所述第一标签的第一点击数和所述第二标签的第二点击数；

当所述第二点击数大于所述第一点击数时，将所述第二标签的面积调整为所述第一面积，将所述第一标签的面积调整为所述第二面积。

3.如权利要求1所述的显示方法，其特征在于，所述将预设不同面积的标签在不规则位置显示，包括：

接收浏览器导航页打开命令；

根据所述打开命令将预设数量的标签以不同面积在预设位置显示，其中，所述标签的面积以预设像素为数列差呈等差数列，所述预设位置以所述导航页的中心区域为中心向周围扩展。

4.如权利要求1所述的显示方法，其特征在于，所述当所述第一面积对应的标签不存在时，将所述第二面积对应的标签调整为所述第一面积，包括：

当所述第一面积所对应的标签被删除时，将所述第二面积对应的标签调整为所述第一面积；或者，

当面积比所述第一面积大的标签被删除，且所述第一面积所对应的标签面积增大时，将所述第二面积对应的标签调整为所述第一面积。

5.如权利要求1所述的显示方法，其特征在于，还包括：

接收添加新标签的添加命令；

设定所述新标签的点击数；

将所述新标签以预设的最小面积添加到预设位置进行显示。

6.如权利要求1所述的显示方法，其特征在于，还包括：

分析所述导航页背景像素的颜色值；

读取数量最多的颜色值；

将与所述数量最多的颜色值相差预设阈值的颜色应用于所述标签。

7.浏览器导航页的显示装置，其特征在于，包括：

显示单元：用于将预设不同面积的标签在不规则位置显示；

调整单元：用于根据所述显示单元所显示的标签点击数的不同调整所述标签的面积；

接收单元：用于接收移动第一面积所对应的标签的移动命令；

移动单元：用于根据所述接收单元接收的移动命令将所述第一面积所对应的标签移动到目标区域；还用于当所述目标区域的面积小于所述第一面积时，以所述目标区域的中心坐标为中心，将所述目标区域周围的标签向外以放射状移动，直至所述第一面积对应的标签边缘与所述目标区域周围的标签没有重合；

遍历单元：用于按预设周期遍历所有面积对应的标签；

所述调整单元：还用于当所述第一面积对应的标签不存在时，将第二面积对应的标签调整为所述第一面积。

8.如权利要求7所述的显示装置，其特征在于，所述调整单元包括获取模块、读取模块和调整模块，其中，

所述获取模块：用于从所显示的标签中获取面积相差预设像素的第一标签和第二标签，其中，所述第一标签的第一面积大于所述第二标签的第二面积；

所述读取模块：用于读取所述获取单元获取的第一标签的第一点击数和所述第二标签的第二点击数；

所述调整模块：用于在所述第二点击数大于所述第一点击数后，将所述第二标签的面积调整为所述第一面积，还用于在所述第二点击数大于所述第一点击数后，将所述第一标签的面积调整为所述第二面积。

9.如权利要求7所述的显示装置，其特征在于，所述显示单元包括接收模块和显示模块，其中，

所述接收模块：用于接收浏览器导航页打开命令；

所述显示模块：用于根据所述接收模块接收的打开命令将预设数量的标签以不同面积在预设位置显示，其中，所述标签的面积以预设像素为数列差呈等差数列，所述预设位置以所述导航页的中心区域为中心向周围扩展。

10.如权利要求7所述的显示装置，其特征在于，还包括设定单元，其中，

所述接收单元：用于接收添加新标签的添加命令；

所述设定单元：用于设定所述新标签的点击数；

所述显示单元：还用于将所述新标签以预设的最小面积添加到预设位置进行显示。

11.如权利要求7所述的显示装置，其特征在于，还包括分析单元、读取单元和应用单元，其中，

所述分析单元：用于分析所述导航页背景像素的颜色值；

所述读取单元：用于读取数量最多的颜色值；

所述应用单元：还用于将与所述读取单元读取的数量最多的颜色值相差预设阈值的颜色应用于所述标签。

12.一种显示设备，其特征在于，包括权利要求7至权利要求11中任一权项所述的浏览器导航页的显示装置。

Images