CN102945265B - 标签在浏览器中的呈现方法及装置 - Google Patents
标签在浏览器中的呈现方法及装置 Download PDFInfo
- Publication number
- CN102945265B CN102945265B CN201210410691.3A CN201210410691A CN102945265B CN 102945265 B CN102945265 B CN 102945265B CN 201210410691 A CN201210410691 A CN 201210410691A CN 102945265 B CN102945265 B CN 102945265B
- Authority
- CN
- China
- Prior art keywords
- label
- labels
- stacked
- area
- tab
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 50
- 238000009877 rendering Methods 0.000 title claims abstract description 10
- 238000012544 monitoring process Methods 0.000 claims abstract description 46
- 230000000694 effects Effects 0.000 description 5
- 238000012545 processing Methods 0.000 description 5
- 238000010586 diagram Methods 0.000 description 4
- 230000006978 adaptation Effects 0.000 description 3
- 238000013500 data storage Methods 0.000 description 3
- 238000004590 computer program Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000004397 blinking Effects 0.000 description 1
- 238000004883 computer application Methods 0.000 description 1
- 238000005034 decoration Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 238000000926 separation method Methods 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种标签在浏览器中的呈现方法及装置,其中,所述装置包括:监控单元;判断单元;堆叠标签确定单元;标签显示单元和标签移动单元。其中,该标签移动单元用于当接收到向指定方向移动整个标签链条的操作指令时,将所述第二区域中所述指定方向的标签依次移入所述指定方向的第一区域进行堆叠式显示,并将相反方向的第一区域中的被堆叠标签依次移出到所述第二区域进行展开式显示。通过本发明可以对部分标签进行堆叠式显示,其他的标签进行展开式显示,从而保证了部分标签能够完整显示其提示信息使得浏览器在标签展现方面的性能得到优化。
Description
技术领域
本发明涉及浏览器技术领域,具体涉及标签在浏览器中的呈现方法及装置。
背景技术
随着互联网的发展和互联网应用的普及,浏览器逐渐成为人们网上冲浪、浏览网页必不可少的软件工具,用户可以通过在浏览器地址栏输入统一资源定位符URL,或点击网页内的超链接等方式,访问网页,获取网页内包含的信息内容。用户在使用浏览器软件浏览网页时,很多情况下会同时打开多个页面进行浏览,在传统的技术中,打开多个页面就意味着打开多个浏览器窗口,此时,太多的浏览器窗口会使得用户桌面空间显得纷乱和拥挤,增加了用户对多个页面的管理难度。标签式浏览器提供的浏览方式从某种程度上解决了这一问题。标签式浏览器也称为选项卡式浏览器,它通过使用标签式的网页浏览方式,使一个个打开的网页呈现在同一个浏览器窗口中,并且,这种浏览器窗口通常还带有标签栏,在标签栏展现出当前打开的各个网页的标签,标签上通常会显示一些文字提示信息(例如,网页标题等),提示出各个网页的主要内容,用户可以通过点击标签的方式进行网页的切换展现。通过这种方式,使用户在进行多页面浏览时能够更有效地利用桌面空间,同时方便了用户对多个打开页面的管理。
然而,随着计算机应用的大规模普及和用户需求的提高,标签式的网页浏览方式也出现了一些缺陷和局限性,如当用户打开的网页过多时,每个标签的宽度会变得很小,以致用户看不到标签上的提示信息。现有技术中,有的浏览器是以动态适应的方式,调整标签的宽度以与网页提示信息相适应,如网页提示信息为“某主页”的网页与网页提示信息为“某某访问某公司,对某公司的某产品提出赞扬”的网页,在使用动态适应的方式浏览时,可以为网页提示信息较为简短的前者分配较窄的标签,而为网页提示信息较长的后者分配较宽的标签。但当用户打开的网页继续增多时,动态适应技术仍无法解决每个标签的宽度会变得很小,以致用户看不到标签上的提示信息的问题。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的标签在浏览器中的呈现方法和相应的标签在浏览器中的呈现装置。
依据本发明的一个方面,提供了一种标签在浏览器中的呈现方法,包括:
监控浏览器窗口标签栏中的标签状态信息;
当监控到所述标签状态信息发生变化时,判断所述标签状态信息是否达到预置条件;
在判断结果为所述标签状态信息达到预置条件时,按照预置策略确定待堆叠标签,以及标签栏的第一区域,所述第一区域用于显示所述待堆叠标签;
将所述待堆叠标签在标签栏的所述第一区域进行堆叠式显示,将未被堆叠的标签在标签栏的第二区域进行展开式显示;
当接收到向指定方向移动整个标签链条的操作指令时,将所述第二区域中所述指定方向的标签依次移入所述指定方向的第一区域进行堆叠式显示,并将相反方向的第一区域中的被堆叠标签依次移出到所述第二区域进行展开式显示。
可选的,所述监控浏览器窗口标签栏中的标签状态信息,包括:
监控浏览器窗口标签栏中各标签所占的宽度;
所述当监控到所述标签状态信息发生变化时,判断所述标签状态信息是否达到预置条件,包括:
当监控到所述各标签所占的宽度发生变化时,判断所述各标签所占的宽度是否小于预置的宽度阈值。
可选的,还包括:
根据浏览器窗口的宽度确定所述宽度阈值。
可选的,所述监控浏览器窗口标签栏中的标签状态信息,包括:
监控浏览器窗口标签栏中的标签数量;
所述当监控到所述标签状态信息发生变化时,判断所述标签状态信息是否达到预置条件,包括:
当监控到标签数量发生变化时,判断所述标签数量是否大于预置的数量阈值。
可选的,还包括:
根据用户的设定信息确定所述数量阈值;
或者,
根据当前的屏幕分辨率确定所述数量阈值。
可选的,所述按照预置策略确定待堆叠标签,以及标签栏的第一区域,包括:
根据新建标签在标签栏中所处的位置,确定待堆叠标签,及所述第一区域的位置;
所述将所述待堆叠标签在标签栏的所述第一区域进行堆叠式显示,包括:
在确定出的所述第一区域的位置处对所述待堆叠标签进行堆叠式显示。
可选的,所述将所述待堆叠标签在标签栏的所述第一区域进行堆叠式显示,包括:
在所述第一区域显示最后进入所述第一区域的被堆叠标签的提示信息。
可选的,还包括:
如果关闭标签导致被堆叠标签消失,则在操作焦点离开标签栏或标签关闭按钮后对标签栏中的其他标签进行宽度调整。
可选的,还包括:
当操作焦点悬浮于所述第一区域处时,则将所述第一区域处被堆叠的标签以纵向列表的方式进行展现。
可选的,还包括:
当从预置的第一入口接收到显示全标签列表的操作指令时,将所述第一区域中被堆叠的标签以及所述第二区域中未被堆叠的标签以纵向列表的方式进行展现。
可选的,所述将所述第一区域中被堆叠的标签以及所述第二区域中未被堆叠的标签以纵向列表的方式进行展现包括:
在所述纵向列表中,将所述第一区域中被堆叠的标签与所述第二区域中未被堆叠的标签进行区别展现。
可选的,还包括:
当从预置的第二入口接收到搜索关键词时,在所述纵向列表中将匹配的标签进行区别显示。
根据本发明的另一方面,提供了一种标签在浏览器中的呈现装置,包括:
监控单元,用于监控浏览器窗口标签栏中的标签状态信息;
判断单元,用于当监控到所述标签状态信息发生变化时,判断所述标签状态信息是否达到预置条件;
堆叠标签确定单元,用于在判断结果为所述标签状态信息达到预置条件时,按照预置策略确定待堆叠标签,以及标签栏的第一区域,所述第一区域用于显示所述待堆叠标签;
标签显示单元,用于将所述待堆叠标签在标签栏的所述第一区域进行堆叠式显示,将未被堆叠的标签在标签栏的第二区域进行展开式显示;
标签移动单元,用于当接收到向指定方向移动整个标签链条的操作指令时,将所述第二区域中所述指定方向的标签依次移入所述指定方向的第一区域进行堆叠式显示,并将相反方向的第一区域中的被堆叠标签依次移出到所述第二区域进行展开式显示。
可选的,所述监控单元包括:
标签宽度监控子单元,用于监控浏览器窗口标签栏中各标签所占的宽度;
所述判断单元包括:
第一判断子单元,用于当监控到所述各标签所占的宽度发生变化时,判断所述各标签所占的宽度是否小于预置的宽度阈值。
可选的,还包括:
宽度阈值确定单元,用于根据浏览器窗口的宽度确定所述宽度阈值。
可选的,所述监控单元包括:
标签数量监控子单元,用于监控浏览器窗口标签栏中的标签数量;
所述判断单元包括:
第二判断子单元,用于当监控到标签数量发生变化时,判断所述标签数量是否大于预置的数量阈值。
可选的,还包括:
第一数量阈值确定单元,用于根据用户的设定信息确定所述数量阈值;
或者,
第二数量阈值确定单元,用于根据当前的屏幕分辨率确定所述数量阈值。
可选的,所述堆叠标签确定单元具体用于:
根据新建标签在标签栏中所处的位置,确定待堆叠标签,及所述第一区域的位置;
所述标签显示单元具体用于:
在确定出的所述第一区域的位置处对所述被堆叠的标签进行堆叠式显示。
可选的,所述标签显示单元具体用于:
在所述第一区域显示最后进入所述第一区域的被堆叠标签的提示信息。
可选的,还包括:
标签宽度调整单元,用于如果关闭标签导致被堆叠标签消失,则在操作焦点离开标签栏或标签关闭按钮后对标签栏中的其他标签进行宽度调整。
可选的,还包括:
第一列表展现单元,用于当操作焦点悬浮于所述第一区域处时,则将所述第一区域处被堆叠的标签以纵向列表的方式进行展现。
可选的,还包括:
第二列表展现单元,用于当从预置的第一入口接收到显示全标签列表的操作指令时,将所述第一区域中被堆叠的标签以及所述第二区域中未被堆叠的标签以纵向列表的方式进行展现。
可选的,所述第二列表展现单元具体用于:
在所述纵向列表中,将所述第一区域中被堆叠的标签与所述第二区域中未被堆叠的标签进行区别展现。
可选的,还包括:
标签搜索单元,用于当从预置的第二入口接收到搜索关键词时,在所述纵向列表中将匹配的标签进行区别显示。
根据本发明的标签在浏览器中的呈现方法及装置,在无法将各个标签的文字提示信息显示完整时,可以对部分标签进行堆叠式显示,其他的标签进行展开式显示,这样可以保证至少以展开式方式显示的标签能够显示出相对完整的文字提示信息,使得标签上的文字提示信息能够真正发挥出其应有的作用,使得浏览器在标签展现方面的性能得到优化。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了根据本发明一个实施例的标签在浏览器中的呈现方法流程图;
图2示出了根据本发明一个实施例的浏览器标签堆叠示意图;
图3示出了根据本发明一个实施例的浏览器标签的显示界面示意图;
图4示出了根据本发明一个实施例的标签在浏览器中的呈现方法的实现模块示意图;
以及,
图5示出了根据本发明一个实施例的标签在浏览器中的呈现装置示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
在本发明实施例中,为了避免当打开的标签页的数目过多时导致的网页提示信息变得不可见的情况,可以对部分标签进行堆叠,下面对具体的实现方法进行详细地介绍。
参见图1,本发明实施例提供的标签在浏览器中的呈现方法具体可以包括以下步骤:
S110:监控浏览器窗口标签栏中的标签状态信息;
首先,需要对浏览器窗口标签栏中的标签状态进行监控,该标签状态例如包括标签栏中的标签数目,另外,由于随着标签数目增多,浏览器一般会自动对各个标签在标签栏所占的宽度进行调整,因此,还可以监控各个标签在标签栏所占的宽度,等等。当然在实际应用中,除了标签栏中标签的数目和标签栏的宽度,还可以监视其他因标签数目增加而改变的标签状态相关信息,本发明对此并没有限制。
S120:当监控到所述标签状态信息发生变化时,判断所述标签状态信息是否达到预置条件;
每次当监控到标签状态信息发生变化时,都可以判断变化后的标签状态信息是否达到了某预置条件。例如,如果监控到各标签所占的宽度发生变化,则可以判断各标签所占的宽度是否小于某预置的宽度阈值。其中,由于在浏览的过程中,浏览器窗口可能被用户设置成不同的大小,因此,可以根据浏览器窗口的具体宽度值确定上述宽度阈值的大小。也就是说,一般而言,只要各个标签在标签栏中所占的宽度足够长,通常就能够使得网页标题等文字提示信息能够显示出来,但是如果标签在标签栏中所占的宽度过小,则网页标题等文字提示信息通常就无法显示出来或者显示的不完整了,因此可以根据标签所占的宽度,来确定是否需要对部分标签进行堆叠处理。例如,假设标签长度的范围为200像素至300像素时,网页标题等提示信息是能够显示完整的,那么当打开的网页数目增加,使得标签长度小于预定长度(例如200像素)时,则可以判定其超出阈值,需要进行堆叠处理。
另外,如果监控到标签数量发生变化,则可以判断标签数量是否大于某预置的数量阈值。其中,该数量阈值可以是预先设定的某固定的值,例如10个等。或者,也可以是根据当前的屏幕分辨率确定出来的一个数值,例如当前的屏幕分辨率下横向宽度为1280像素值,假设去掉窗口左右侧边、窗口滚动条、以及标签栏的标签分隔装饰等所占的像素,还有1200像素可以用于显示标签,而为了保证每个标签能够显示完整的提示信息,假定每个标签最低需要200像素,这样,在不进行堆叠处理且能完整显示各标签的提示信息的情况下,屏幕能够显示最多6个标签,此时,可以将前述的数量阈值设置为6。如果当前的浏览的模式是窗口模式,而不是全屏模式,还可以根据窗口所占的宽度值,以及为保证每个标签能够完整显示提示信息所需要的宽度值,来确定前述的数量阈值,原理与前述的示例类似,在此不再赘述了。
S130:在判断结果为所述标签状态信息达到预置条件时,按照预置策略确定待堆叠标签,以及标签栏的第一区域,所述第一区域用于显示所述待堆叠标签;
如果监控到标签所占的宽度低于某阈值,或者标签的数量大于某阈值,则可以按照预置策略确定待堆叠标签,以及用于显示待堆叠标签的区域。具体确定待堆叠标签时,可以有多种策略,例如,可以根据新建标签在标签栏中所处的位置,确定待堆叠标签,及待堆叠的标签所在区域(假设为第一区域)的位置。其中,新建标签在标签栏中所处的位置,在不同的浏览器中可能有不同的设置。例如,如果新打开的网页是当前显示的页面,并且是从一个网页(父网页)中点击链接进入下一个网页(子网页),则在某浏览器中,该子网页的标签位于其父网页标签的右侧,在另一浏览器中,可能是直接将新打开的网页的标签显示在标签栏的最右侧,等等。因此,根据浏览器标签显示位置策略的不同,在确定将哪些标签放入堆叠区时也会有所不同。例如,对于前述第一种情况,可以将当前处于最右侧的标签作为待堆叠标签,而对于第二种情况,可以将打开新标签前位于最右侧的标签确定为待堆叠标签。此外,如果用户对于某些打开的标签对应的网页在相对较长时间内没有再浏览,在某种程度上可能说明用户对这些标签的关注程度较低,因此,可以在确定待堆叠网页时,将用户最久未关注的标签作为待堆叠标签。被堆叠的标签所在的第一区域也可以是在标签栏的最右侧。当然,由于通常情况下新打开的网页的标签都会是从左向右排列,最左侧的标签一般是先被打开的网页,可能用户已经浏览过,因此也可以将最左侧的标签进行堆叠,相应的,被堆叠的标签所在的区域也可以是在标签栏的最左侧。当然,也可以是标签栏的左右两侧都进行堆叠,此时,可以在标签栏的左右两侧都设置堆叠标签的区域。
S140:将所述待堆叠标签在标签栏的所述第一区域进行堆叠式显示,将未被堆叠的标签在标签栏的第二区域进行展开式显示。
在确定了需要进行堆叠的标签以及标签栏的第一区域之后,就可以将待堆叠标签在标签栏的第一区域进行堆叠式显示,其余未被堆叠的标签则在标签栏的第二区域进行展开式显示。这样,至少可以保证其余未被堆叠的标签上的文字提示信息是可见的。
对于被堆叠的标签,随着被打开的标签的进一步增加,会有多个标签陆续被堆叠,如图2所示,展示出了标签1、标签2、标签3、标签4依次被堆叠进入第一区域的情形。第一区域中可以显示一定的被堆叠标签的信息,例如,第一区域的堆叠标签上可以显示最近一个被堆叠的标签的提示信息。被堆叠标签的提示信息,可以是最近一个被堆叠的标签对应网页的图标,主题等信息,也可以是以动画形式来显示最近一个被堆叠的标签的方式作为提示信息,例如,从堆叠效果上看,从出现第一个被堆叠的标签到第三个被堆叠的标签在堆叠标签形态上发生变化,第四个或四个以上被堆叠的标签可以仅闪烁提示,也可以采取与三个堆叠标签相同的标签形态。
在用户关闭标签页时,第一区域中被堆叠的标签数目会随之减少,甚至减少到用于显示被堆叠标签的第一区域消失,此时可以在操作焦点离开标签栏或者标签关闭按钮后再对标签栏中的其他标签进行宽度调整,这样可以保证在操作焦点离开标签栏或者标签关闭按钮前,标签栏中剩余标签的位置固定,便于用户对标签栏中的剩余标签进行操作,例如在用户连续关闭多个标签时,可以不必因标签的宽度调整导致标签的位置变动,进而增加操作的难度。
在存在被堆叠的标签的情况下,如果用户关闭未被堆叠的标签页,则第一区域中被堆叠的标签也可以进入第二区域进行展开式展现。标签移出第一区域进入第二区域的顺序可以是与进入第一区域的顺序相同,当然也可以相反,或者也可以采用其他的策略,例如将以用户最近关注顺序为依据将标签从第一区域移出并进入第二区域。
此外,参见图3,其中,“tab”代表标签,在该图3中,标签栏的左右两侧各有一个堆叠区域,每个堆叠区域中都有几个被堆叠的标签。当用户将操作焦点悬浮在第一区域时,可以以纵向列表的方式对各个被堆叠的标签进行展现,并且,在该纵向列表中还可以展现出各个被堆叠的标签的提示信息,甚至还可以包括各个标签对应的网页的缩略图等。当用户选中纵向列表中的某个标签时,可以将该标签对应的网页内容在浏览器的页面展现区进行展现,相当于实现标签页的切换。
另外,如图3所示,还可以在标签栏中提供一个全标签列表展现入口,当用户从该入口进入时,可以将标签栏中所有的标签(包括被堆叠以及未被堆叠的标签)以纵向列表的方式进行展现,使得用户能够在该纵向列表中对当前已打开的各个标签具有全面的了解。在该全标签列表中,同样可以展现出与各个标签对应的提示信息,甚至还可以展现出各个标签对应网页的缩略图。在以纵向列表的方式展现标签栏中的全部标签时,可以将第一区域中被堆叠的标签与第二区域中未被堆叠的标签进行区别展现,例如,将被堆叠的标签进行高亮显示等。并且,还可以在界面中提供搜索入口(如图3中的“search”),用户可以通过该入口输入关键词,然后便可以将与关键词相匹配的标签突出显示出来提示给用户。
用户还可以移动整个标签链条,随着标签链条的移动,会不断有标签被移入或移出被堆叠区域,也即,当接收到向指定方向移动整个标签链条的操作指令时,可以将第二区域中该指定方向的标签依次移入该指定方向的第一区域进行堆叠式显示,并将相反方向的第一区域中的被堆叠标签依次移出到第二区域进行展开式显示。例如,参见图3中的“箭头”所示,在向右移动整个标签链条时,左侧被堆叠的标签“tab4”、“tab3”、“tab2”、“tab1”会依次被移出左侧的堆叠区,进入到中间的标签展示区域进行展开式显示,同时,“tab10”、“tab9”、“tab8”、“tab7”可能会依次进入右侧的堆叠区。当向左侧移动整个标签链条时,又会使得“tab1”、“tab2”、“tab3”、“tab4”等等重新进入左侧的堆叠区,而“tab7”、“tab8”、“tab9”、“tab10”等等又依次移出到中间的标签展示区域进行展开式显示,以此类推。
请参见图4,关于上述各个步骤,可以由浏览器中的事件收集模块、事件处理模块、数据存储模块、显示模块来共同协作完成。具体来说,首先事件收集模块接收到对应的事件消息,并传送至事件处理模块,事件处理模块根据该消息采用查表方式产生对应指令,并将该指令传送至数据存储模块,数据存储模块调用对应程序。接着,事件处理模块读取对应程序,产生对应项目。显示模块根据该项目相应更新多页面浏览系统的界面,呈现出标签栏中各个标签的展现效果。
与本发明实施例提供的浏览器标签的显示方法相对应,本发明实施例还提供了一种标签在浏览器中的呈现装置,参见图5,该装置可以包括:
监控单元510,用于监控浏览器窗口标签栏中的标签状态信息;
判断单元520,用于当监控到所述标签状态信息发生变化时,判断所述标签状态信息是否达到预置条件;
堆叠标签确定单元530,用于在判断结果为所述标签状态信息达到预置条件时,按照预置策略确定待堆叠标签,以及标签栏的第一区域,所述第一区域用于显示所述待堆叠标签;
标签显示单元540,用于将所述待堆叠标签在标签栏的所述第一区域进行堆叠式显示,将未被堆叠的标签在标签栏的第二区域进行展开式显示。
其中,监控单元510监控标签栏中的标签的多种状态信息,例如可以监控各标签栏所占的宽度,此时监控单元510可以包括:
标签宽度监控子单元,用于监控浏览器窗口标签栏中各标签所占的宽度;
所述判断单元520可以包括:
第一判断子单元,用于当监控到所述各标签所占的宽度发生变化时,判断所述各标签所占的宽度是否小于预置的宽度阈值。
相应的,所述浏览器标签的显示装置还可以包括:
宽度阈值确定单元,用于根据浏览器窗口的宽度确定所述宽度阈值。
又如,监控单元510可以监控浏览器标签栏中标签的数量,所述监控单元510可以包括:
标签数量监控子单元,用于监控浏览器窗口标签栏中的标签数量;
所述判断单元包括:
第二判断子单元,用于当监控到标签数量发生变化时,判断所述标签数量是否大于预置的数量阈值。
所述的数量阈值可以根据多种信息确定,例如可以根据用户的设定信息确定,也可以根据当前的屏幕分辨率确定,所述浏览器标签的显示装置还可以包括:
第一数量阈值确定单元,用于根据用户的设定信息确定所述数量阈值;
或者,
第二数量阈值确定单元,用于根据当前的屏幕分辨率确定所述数量阈值。
所述堆叠标签确定单元530具体可以用于:
根据新建标签在标签栏中所处的位置,确定待堆叠标签,及所述第一区域的位置;
在以上的堆叠标签确定单元的实现方式下,标签显示单元540具体可以用于:
在确定出的所述第一区域的位置处对所述被堆叠的标签进行堆叠式显示。
此外,还可以,在第一区域显示最后进入的被堆叠标签的相关提示信息,如,关于所述被堆叠标签对应网页的标题,图标等,所述标签显示单元540具体可以用于:
在所述第一区域显示最后进入所述第一区域的被堆叠标签的提示信息。
为了实现方便的连续关闭多个标签,所述装置还可以包括:
标签宽度调整单元,用于如果关闭标签导致被堆叠标签消失,则在操作焦点离开标签栏或标签关闭按钮后对标签栏中的其他标签进行宽度调整。
在实际应用中,还可以在一定条件下展示第一区域的被堆叠标签,方便用户对被堆叠标签进行查看,所述装置还可以包括:
第一列表展现单元,用于当操作焦点悬浮于所述第一区域处时,则将所述第一区域处被堆叠的标签以纵向列表的方式进行展现。
进一步的,还可以展示第一区域的被堆叠标签,以及第二区域中的未被堆叠的标签,所述装置还可以包括:
第二列表展现单元,用于当从预置的第一入口接收到显示全标签列表的操作指令时,将所述第一区域中被堆叠的标签以及所述第二区域中未被堆叠的标签以纵向列表的方式进行展现。
具体的,第二列表展现单元可以用于:
在所述纵向列表中,将所述第一区域中被堆叠的标签与所述第二区域中未被堆叠的标签进行区别展现。
另外,还可以提供相关的搜索单元,为用户提供在所述的纵向列表中对标签进行搜索的功能,方便用户使用,所述装置还可以包括:
标签搜索单元,用于当从预置的第二入口接收到搜索关键词时,在所述纵向列表中将匹配的标签进行区别显示。
在涉及到整个标签链条的移动时,还可以实现指示性的效果,例如当标签进出所述的第一区域或第二区域时,为了实现整个标签链条的移动的指示性效果,该装置还可以包括:
标签移动单元550,用于当接收到向指定方向移动整个标签链条的操作指令时,将所述第二区域中所述指定方向的标签依次移入所述指定方向的第一区域进行堆叠式显示,并将相反方向的第一区域中的被堆叠标签依次移出到所述第二区域进行展开式显示。
总之,在本发明实施例中,在无法将各个标签的文字提示信息显示完整时,可以对部分标签进行堆叠式显示,其他的标签进行展开式显示,这样可以保证至少以展开式方式显示的标签能够显示出相对完整的文字提示信息,使得标签上的文字提示信息能够真正发挥出其应有的作用,使得浏览器在标签展现方面的性能得到优化。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的标签在浏览器中的呈现方法及装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本申请可以应用于计算机系统/服务器,其可与众多其它通用或专用计算系统环境或配置一起操作。适于与计算机系统/服务器一起使用的众所周知的计算系统、环境和/或配置的例子包括但不限于:个人计算机系统、服务器计算机系统、瘦客户机、厚客户机、手持或膝上设备、基于微处理器的系统、机顶盒、可编程消费电子产品、网络个人电脑、小型计算机系统、大型计算机系统和包括上述任何系统的分布式云计算技术环境,等等。计算机系统/服务器可以在由计算机系统执行的计算机系统可执行指令(诸如程序模块)的一般语境下描述。通常,程序模块可以包括例程、程序、目标程序、组件、逻辑、数据结构等等,它们执行特定的任务或者实现特定的抽象数据类型。计算机系统/服务器可以在分布式云计算环境中实施,分布式云计算环境中,任务是由通过通信网络链接的远程处理设备执行的。在分布式云计算环境中,程序模块可以位于包括存储设备的本地或远程计算系统存储介质上。
Claims (24)
1.一种标签在浏览器中的呈现方法,包括:
监控浏览器窗口标签栏中的标签状态信息;
当监控到所述标签状态信息发生变化时,判断所述标签状态信息是否达到预置条件;
在判断结果为所述标签状态信息达到预置条件时,按照预置策略确定待堆叠标签,以及标签栏的第一区域,所述第一区域用于显示所述待堆叠标签;
将所述待堆叠标签在标签栏的所述第一区域进行堆叠式显示,将未被堆叠的标签在标签栏的第二区域进行展开式显示;
当接收到向指定方向移动整个标签链条的操作指令时,将所述第二区域中所述指定方向的标签依次移入所述指定方向的第一区域进行堆叠式显示,并将相反方向的第一区域中的被堆叠标签依次移出到所述第二区域进行展开式显示,其中,所述整个标签链条由所述标签栏中的所有标签组成。
2.如权利要求1所述的方法,所述监控浏览器窗口标签栏中的标签状态信息,包括:
监控浏览器窗口标签栏中各标签所占的宽度;
所述当监控到所述标签状态信息发生变化时,判断所述标签状态信息是否达到预置条件,包括:
当监控到所述各标签所占的宽度发生变化时,判断所述各标签所占的宽度是否小于预置的宽度阈值。
3.如权利要求2所述的方法,还包括:
根据浏览器窗口的宽度确定所述宽度阈值。
4.如权利要求1所述的方法,所述监控浏览器窗口标签栏中的标签状态信息,包括:
监控浏览器窗口标签栏中的标签数量;
所述当监控到所述标签状态信息发生变化时,判断所述标签状态信息是否达到预置条件,包括:
当监控到标签数量发生变化时,判断所述标签数量是否大于预置的数量阈值。
5.如权利要求4所述的方法,还包括:
根据用户的设定信息确定所述数量阈值;
或者,
根据当前的屏幕分辨率确定所述数量阈值。
6.如权利要求1至5任一项所述的方法,所述按照预置策略确定待堆叠标签,以及标签栏的第一区域,包括:
根据新建标签在标签栏中所处的位置,确定待堆叠标签,及所述第一区域的位置;
所述将所述待堆叠标签在标签栏的所述第一区域进行堆叠式显示,包括:
在确定出的所述第一区域的位置处对所述待堆叠标签进行堆叠式显示。
7.如权利要求1至5任一项所述的方法,所述将所述待堆叠标签在标签栏的所述第一区域进行堆叠式显示,包括:
在所述第一区域显示最后进入所述第一区域的被堆叠标签的提示信息。
8.如权利要求1至5任一项所述的方法,还包括:
如果关闭标签导致被堆叠标签消失,则在操作焦点离开标签栏或标签关闭按钮后对标签栏中的其他标签进行宽度调整。
9.如权利要求1至5任一项所述的方法,还包括:
当操作焦点悬浮于所述第一区域处时,则将所述第一区域处被堆叠的标签以纵向列表的方式进行展现。
10.如权利要求1至5任一项所述的方法,还包括:
当从预置的第一入口接收到显示全标签列表的操作指令时,将所述第一区域中被堆叠的标签以及所述第二区域中未被堆叠的标签以纵向列表的方式进行展现。
11.如权利要求10所述的方法,所述将所述第一区域中被堆叠的标签以及所述第二区域中未被堆叠的标签以纵向列表的方式进行展现包括:
在所述纵向列表中,将所述第一区域中被堆叠的标签与所述第二区域中未被堆叠的标签进行区别展现。
12.如权利要求10所述的方法,还包括:
当从预置的第二入口接收到搜索关键词时,在所述纵向列表中将匹配的标签进行区别显示。
13.一种标签在浏览器中的呈现装置,包括:
监控单元,用于监控浏览器窗口标签栏中的标签状态信息;
判断单元,用于当监控到所述标签状态信息发生变化时,判断所述标签状态信息是否达到预置条件;
堆叠标签确定单元,用于在判断结果为所述标签状态信息达到预置条件时,按照预置策略确定待堆叠标签,以及标签栏的第一区域,所述第一区域用于显示所述待堆叠标签;
标签显示单元,用于将所述待堆叠标签在标签栏的所述第一区域进行堆叠式显示,将未被堆叠的标签在标签栏的第二区域进行展开式显示;
标签移动单元,用于当接收到向指定方向移动整个标签链条的操作指令时,将所述第二区域中所述指定方向的标签依次移入所述指定方向的第一区域进行堆叠式显示,并将相反方向的第一区域中的被堆叠标签依次移出到所述第二区域进行展开式显示,其中,所述整个标签链条由所述标签栏中的所有标签组成。
14.如权利要求13所述的装置,所述监控单元包括:
标签宽度监控子单元,用于监控浏览器窗口标签栏中各标签所占的宽度;
所述判断单元包括:
第一判断子单元,用于当监控到所述各标签所占的宽度发生变化时,判断所述各标签所占的宽度是否小于预置的宽度阈值。
15.如权利要求14所述的装置,还包括:
宽度阈值确定单元,用于根据浏览器窗口的宽度确定所述宽度阈值。
16.如权利要求13所述的装置,所述监控单元包括:
标签数量监控子单元,用于监控浏览器窗口标签栏中的标签数量;
所述判断单元包括:
第二判断子单元,用于当监控到标签数量发生变化时,判断所述标签数量是否大于预置的数量阈值。
17.如权利要求16所述的装置,还包括:
第一数量阈值确定单元,用于根据用户的设定信息确定所述数量阈值;
或者,
第二数量阈值确定单元,用于根据当前的屏幕分辨率确定所述数量阈值。
18.如权利要求13至17任一项所述的装置,所述堆叠标签确定单元具体用于:
根据新建标签在标签栏中所处的位置,确定待堆叠标签,及所述第一区域的位置;
所述标签显示单元具体用于:
在确定出的所述第一区域的位置处对所述被堆叠的标签进行堆叠式显示。
19.如权利要求13至17任一项所述的装置,所述标签显示单元具体用于:
在所述第一区域显示最后进入所述第一区域的被堆叠标签的提示信息。
20.如权利要求13至17任一项所述的装置,还包括:
标签宽度调整单元,用于如果关闭标签导致被堆叠标签消失,则在操作焦点离开标签栏或标签关闭按钮后对标签栏中的其他标签进行宽度调整。
21.如权利要求13至17任一项所述的装置,还包括:
第一列表展现单元,用于当操作焦点悬浮于所述第一区域处时,则将所述第一区域处被堆叠的标签以纵向列表的方式进行展现。
22.如权利要求13至17任一项所述的装置,还包括:
第二列表展现单元,用于当从预置的第一入口接收到显示全标签列表的操作指令时,将所述第一区域中被堆叠的标签以及所述第二区域中未被堆叠的标签以纵向列表的方式进行展现。
23.如权利要求22所述的装置,所述第二列表展现单元具体用于:
在所述纵向列表中,将所述第一区域中被堆叠的标签与所述第二区域中未被堆叠的标签进行区别展现。
24.如权利要求22所述的装置,还包括:
标签搜索单元,用于当从预置的第二入口接收到搜索关键词时,在所述纵向列表中将匹配的标签进行区别显示。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210410691.3A CN102945265B (zh) | 2012-10-24 | 2012-10-24 | 标签在浏览器中的呈现方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210410691.3A CN102945265B (zh) | 2012-10-24 | 2012-10-24 | 标签在浏览器中的呈现方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102945265A CN102945265A (zh) | 2013-02-27 |
CN102945265B true CN102945265B (zh) | 2016-07-06 |
Family
ID=47728209
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210410691.3A Active CN102945265B (zh) | 2012-10-24 | 2012-10-24 | 标签在浏览器中的呈现方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102945265B (zh) |
Families Citing this family (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102929997B (zh) * | 2012-10-24 | 2016-07-13 | 北京奇虎科技有限公司 | 浏览器标签的显示方法及装置 |
CN103955476A (zh) * | 2014-03-31 | 2014-07-30 | 北京奇虎科技有限公司 | 一种浏览器中页面标签头的绘制方法、装置和浏览器 |
CN105786920B (zh) * | 2014-12-26 | 2018-12-14 | 阿里巴巴集团控股有限公司 | 界面标签的展现方法和装置 |
CN107025210B (zh) * | 2016-02-02 | 2021-01-22 | 珠海金山办公软件有限公司 | 一种用于wps的文档标签显示方法及装置 |
CN106502497B (zh) * | 2016-10-20 | 2019-12-31 | 合一网络技术(北京)有限公司 | 互动栏变换方法及装置 |
CN108363814B (zh) * | 2018-03-15 | 2021-06-22 | 上海哔哩哔哩科技有限公司 | 标签设置方法、服务器及标签设置系统 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101477558A (zh) * | 2009-01-15 | 2009-07-08 | 腾讯科技(深圳)有限公司 | 浏览器标签管理方法及多页面浏览系统 |
CN102929997A (zh) * | 2012-10-24 | 2013-02-13 | 北京奇虎科技有限公司 | 浏览器标签的显示方法及装置 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120131485A1 (en) * | 2010-11-23 | 2012-05-24 | Opera Software Asa | System and method for providing interactive tab management in tabbed browsers |
-
2012
- 2012-10-24 CN CN201210410691.3A patent/CN102945265B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101477558A (zh) * | 2009-01-15 | 2009-07-08 | 腾讯科技(深圳)有限公司 | 浏览器标签管理方法及多页面浏览系统 |
CN102929997A (zh) * | 2012-10-24 | 2013-02-13 | 北京奇虎科技有限公司 | 浏览器标签的显示方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN102945265A (zh) | 2013-02-27 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102929997B (zh) | 浏览器标签的显示方法及装置 | |
CN102945265B (zh) | 标签在浏览器中的呈现方法及装置 | |
US10642466B2 (en) | Method and system for context based tab management | |
CN102591950B (zh) | 基于移动终端的网页图片浏览方法及装置 | |
US9135022B2 (en) | Cross window animation | |
US9104775B2 (en) | Method for presenting a web page | |
CN102902815B (zh) | 用于搜索引擎的结果展示系统 | |
TWI444872B (zh) | 人機介面呈現的方法及其手持裝置與其電腦程式產品 | |
US20060143568A1 (en) | Method and apparatus for enhanced browsing | |
CN103403706A (zh) | 多模式web浏览 | |
US10838972B2 (en) | Storing service items in association with views | |
CN103034518B (zh) | 加载浏览器控制工具的方法及浏览器 | |
CA2843774A1 (en) | Multipoint pinch gesture control of search results | |
CN107480148A (zh) | 控制网页跳转的方法及装置及用户终端 | |
EP2798539A1 (en) | Presentation of rich search results in delineated areas | |
CN103164404A (zh) | 一种搜索结果的显示方法和设备 | |
CN103744932A (zh) | 一种页面处理方法及装置 | |
CN106649497B (zh) | 一种网页展示方法及装置 | |
CN102298599A (zh) | 离线浏览网页方法及其系统 | |
CN102902816A (zh) | 搜索结果显示方法、系统及客户端 | |
CN101477564B (zh) | 一种在窄屏幕设备上显示宽网页的智能布局方法 | |
CN105677658A (zh) | 页面展现方法及装置 | |
CN104462528B (zh) | 基于移动终端的网页图片浏览方法及装置 | |
CN105183907A (zh) | 一种移动终端搜索结果展示的方法及装置 | |
WO2022127423A1 (zh) | 一种网页显示方法、装置、存储介质及电子设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right | ||
TR01 | Transfer of patent right |
Effective date of registration: 20220721 Address after: Room 801, 8th floor, No. 104, floors 1-19, building 2, yard 6, Jiuxianqiao Road, Chaoyang District, Beijing 100015 Patentee after: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Address before: 100088 room 112, block D, 28 new street, new street, Xicheng District, Beijing (Desheng Park) Patentee before: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Patentee before: Qizhi software (Beijing) Co.,Ltd. |