CN105739833A - 一种网页标签的缩微图显示方法和装置 - Google Patents
一种网页标签的缩微图显示方法和装置 Download PDFInfo
- Publication number
- CN105739833A CN105739833A CN201610159092.7A CN201610159092A CN105739833A CN 105739833 A CN105739833 A CN 105739833A CN 201610159092 A CN201610159092 A CN 201610159092A CN 105739833 A CN105739833 A CN 105739833A
- Authority
- CN
- China
- Prior art keywords
- web page
- page tag
- micro image
- window
- tag micro
- 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.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供了一种网页标签显示方法和装置,所述方法包括:鼠标悬停于当前网页标签处达预定时间,触发显示网页标签缩微图窗口;获取浏览器中网页标签的页面截图,生成其网页标签缩微图;将所述网页标签缩微图加载在所述网页标签缩微图窗口中。通过在浏览器窗口中加载显示网页标签页面截图的标签缩微图,可使用户方便、直观地识别网页标签的内容,有效提高了网页标签的识别效率。
Description
技术领域
本发明涉及浏览器技术领域,特别是涉及一种网页标签的缩微图显示方法和装置。
背景技术
浏览器是用户访问互联网的最常用入口。为了方便用户同时打开多个窗口浏览网页,目前现有的浏览器大多提供了多网页标签页的浏览方式。参见图1,图1示出了使用现有浏览器在同时浏览三个标签网页时的状态示意图。
如图1所示,用户在浏览器中同时打开了Google、新浪和百度三个网页标签,并可通过鼠标在3个网页标签中进行点击切换。采用这种方式,用户在同一个浏览器窗口中可方便地浏览多个网页标签中的网页,但是,由于浏览器窗口宽度的限制,随着被打开的网页标签的不断增加,每个网页标签标题的可视区域也逐渐变小,变得越来越难以辨认。
为了方便用户识别不同网页标签中的内容,现有技术提供了网页标签提示功能,即当鼠标滑动至某个网页标签的标题部分并停留一定时间后,会在鼠标光标下方的某个位置显示网页标签缩微图窗口,并在网页标签缩微图窗口中显示当前网页标签的网址信息。如图1所示,用户当前浏览的是网页标签是Google的页面,与此同时,用户的鼠标移动至百度的网页标签,在网页标签缩微图窗口中出现百度网页标签的网址‘http://www.tieba.baidu.com’。
上述方式虽然可在一定程度上帮助用户识别网页标签的内容,但是由于不同网页的网址大多由字母、数字和一些不规则的编码组成,其看上去总是很相似,很难进行区分。特别是,同一网站中的子网页网址间的差异更小,其网址的区别可能就是其中的几个数字,造成对网页标签内容的识别变得更加困难。
总之,需要本领域技术人员迫切解决的一个技术问题就是:在使用浏览器进行多网页标签浏览时,如何快速有效识别不同网页标签中的内容,以提高用户操作效率。
发明内容
本发明所要解决的技术问题是提供一种网页标签的缩微图显示方法和装置,以便用户能够快速有效地识别浏览器中多个网页标签中的内容,提高操作效率。
为了解决上述问题,本发明公开了一种网页标签的缩微图显示方法,包括:
鼠标悬停于当前网页标签处达预定时间,触发显示网页标签缩微图窗口;
获取浏览器中网页标签的页面截图,生成其网页标签缩微图;
将所述网页标签缩微图加载在所述网页标签缩微图窗口中。
优选的,所述触发显示网页标签缩微图窗口包括:
获取浏览器网页标签的坐标位置;
根据所述网页标签的坐标位置,向下偏移生成弹出窗口的坐标位置;
根据上述生成的坐标位置,生成基于浏览器主窗口的弹出窗口作为网页标签缩微图窗口。
优选的,所述获取浏览器中网页标签的页面截图,生成其网页标签缩微图包括:
获取与当前选中网页标签相邻的至少一个网页标签的页面截图生成对应的网页标签缩微图;
所述将所述网页标签缩微图加载在所述网页标签缩微图窗口中包括:
将所述相邻的至少一个网页标签缩微图加载在所述网页标签缩微图窗口中。
优选的,所述获取浏览器中网页标签的页面截图,生成其网页标签缩微图进一步包括:
获取当前选中网页标签的页面截图生成网页标签缩微图;
所述将所述网页标签缩微图加载在所述网页标签缩微图窗口中进一步包括:
将所述当前选中网页标签的网页标签缩微图加载在所述网页标签缩微图窗口中,所述当前选中网页标签的缩微图在网页标签缩微图窗口中被选中。
优选的,还包括:
当鼠标在所述至少一个网页标签之间滑动且悬停达预定时间,所述网页标签缩微图窗口中的网页标签缩微图同步改变。
优选的,还包括:
当鼠标在网页标签缩微图窗口中的所述至少一个网页标签缩微图上滑动时,浏览器窗口中同步预览鼠标当前对应的网页标签缩微图的网页标签页面。
优选的,还包括:
当鼠标移动离开网页标签缩微图窗口的可视区域,所述网页标签缩微图窗口关闭,所述浏览器窗口恢复显示当前选中的网页标签的页面。
优选的,所述网页标签缩微图窗口中还包括:与所述网页标签缩微图对应的关闭按钮;
所述方法还包括:
当用户点击所述关闭按钮时,将对应的网页标签缩微图从所述网页标签缩微图窗口中移除,所述网页标签缩微图对应的网页标签的页面在浏览器中被关闭。
优选的,在所述网页标签缩微图窗口中还包括:与网页标签缩微图对应的
收藏按钮和/或
保存按钮和/或
添加导航按钮和/或
播放按钮和/或
下载按钮;
所述方法还包括:
当用户点击所述按钮时,对所述网页标签缩微图对应的网页标签的页面执行相应的收藏和/或保存和/或添加导航和/或播放和/或下载操作。
优选的,还包括:
若所述网页标签缩微图窗口中的网页标签缩微图超出预定数量,在所述网页标签缩微图窗口中生成左右滚动按钮,以滚动显示所述网页标签缩微图窗口中网页标签缩微图。
优选的,所述获取浏览器中网页标签的页面截图,生成其网页标签缩微图的步骤包括:
根据OleDraw函数获取到浏览器标签页面的页面截图;
设置浏览器中网页标签的ID,并生成所述网页标签ID的列表;
依据所述网页标签ID列表和网页标签缩微图窗口的大小确定所述网页截图的大小,生成网页标签缩微图;
所述将所述网页标签缩微图加载在所述网页标签缩微图窗口中的步骤包括:
根据鼠标的位置,获取鼠标对应的当前网页标签的ID;
依据所述确定的网页标签缩微图的大小以及所述当前网页标签的ID,突出显示地加载当前网页标签的缩微图,并依据所述网页标签ID的列表加载非选中的网页标签在所述网页标签缩微图窗口中。
优选的,还包括:
设置定时器,按照所述定时器定时获取所述网页标签缩微图,并更新显示网页标签缩微图窗口和其中对应的网页标签缩微图。
为解决上述问题,本发明还公开了一种网页标签的缩微图显示装置,包括:
网页标签缩微图窗口显示模块,用于鼠标悬停于当前网页标签处达预定时间,触发显示网页标签缩微图窗口;
网页标签缩微图获取模块,用于获取浏览器中网页标签的页面截图,生成其网页标签缩微图;
网页标签缩微图加载模块,用于将所述网页标签缩微图加载在所述网页标签缩微图窗口中。
优选的,所述标签缩微图窗口显示模块包括:
坐标获取单元,用于获取浏览器网页标签的坐标位置;根据所述网页标签的坐标位置,向下偏移生成弹出窗口的坐标位置;
窗口显示单元,根据上述生成的坐标位置,生成基于浏览器主窗口的弹出窗口作为网页标签缩微图窗口。
优选的,所述网页标签缩微图获取模块还包括:
第一获取单元,用于获取与当前选中网页标签相邻的至少一个网页标签的页面截图生成对应的网页标签缩微图;
所述网页标签缩微图加载模块还包括:
第一加载单元,用于将所述相邻的至少一个网页标签缩微图加载在所述网页标签缩微图窗口中。
优选的,所述网页标签缩微图获取模块进一步包括:
第二获取单元,用于获取当前选中网页标签的页面截图生成网页标签缩微图;
所述网页标签缩微图加载模块进一步包括:
第二加载单元,用于将所述当前选中网页标签的网页标签缩微图加载在所述网页标签缩微图窗口中,所述当前选中网页标签的缩微图在网页标签缩微图窗口中被选中。
优选的,还包括:
缩微图同步模块,用于当鼠标在所述至少一个网页标签之间滑动且悬停达预定时间,所述网页标签缩微图窗口中的网页标签缩微图同步改变。
优选的,还包括:
同步预览模块,用于当鼠标在网页标签缩微图窗口中的所述至少一个网页标签缩微图上滑动时,浏览器窗口中同步预览鼠标当前对应的网页标签缩微图的网页标签页面。
优选的,还包括:
缩微图关闭模块,用于当鼠标离开网页标签缩微图窗口的可视区域,所述网页标签缩微图窗口关闭,所述浏览器窗口恢复显示当前选中的网页标签的页面。
优选的,所述网页标签缩微图窗口中还包括:与所述网页标签缩微图对应的关闭按钮;
所述装置还包括:
缩微图移除模块,用于当用户点击所述关闭按钮时,将对应的网页标签缩微图从所述网页标签缩微图窗口中移除,所述网页标签缩微图对应的网页标签的页面在浏览器中被关闭。
优选的,在所述网页标签缩微图窗口中还包括与网页标签缩微图对应的
收藏按钮和/或
保存按钮和/或
添加导航按钮和/或
播放按钮和/或
下载按钮;
所述装置还包括:
按钮指令处理模块,用于当用户点击所述按钮时,对所述网页标签缩微图对应的网页标签的页面执行相应的收藏和/或保存和/或添加导航和/或播放和/或下载操作。
优选的,还包括:
滚动按钮生成模块,用于当所述网页标签缩微图窗口中的网页标签缩微图超出预定数量,在所述网页标签缩微图窗口中生成左右滚动按钮,以滚动显示所述网页标签缩微图窗口中网页标签缩微图。
优选的,所述网页标签缩微图获取模块进一步包括:
第三获取单元,用于根据OleDraw函数获取到浏览器标签页面的页面截图;设置浏览器中网页标签的ID,并生成所述网页标签ID的列表;依据所述网页标签ID列表和网页标签缩微图窗口的大小确定所述网页截图的大小,生成网页标签缩微图;
所述网页标签缩微图加载模块进一步包括:
第三加载单元,用于根据鼠标的位置,获取鼠标对应的当前网页标签的ID;依据所述确定的网页标签缩微图的大小以及所述当前网页标签的ID,突出显示地加载当前网页标签的缩微图,并依据所述网页标签ID的列表加载非选中的网页标签在所述网页标签缩微图窗口中。
优选的,还包括:
更新模块,用于按照预设的定时器定时获取所述网页标签缩微图,并更新显示网页标签缩微图窗口和其中对应的网页标签缩微图。
与现有技术相比,本发明包括以下优点:
考虑到用户基于现有浏览器同时打开多个网页标签访问网页时,由于网页间的网址信息相似度很高,因此,即使通过网页标签缩微图窗口中提示显示网址也容易混淆,很难快速有效地识别网页标签中的内容。针对上述问题,本发明提出:当用户鼠标悬停于当前网页标签处达预定时间,触发显示网页标签缩微图窗口;通过获取网页标签的页面截图生成网页标签缩微图,并将所述网页标签缩微图加载在所述网页标签缩微图窗口中,由于所述网页标签缩微图就是网页标签页面的完整或部分映射,仅仅是显示比例大小的变化,因此,用户可迅速、直观地通过网页标签缩微图获知的网页标签页面的内容,有效提高了识别效率。
附图说明
图1示出了使用浏览器浏览多个网页标签的一种状态示意图;
图2示出了本发明一种网页标签缩微图显示方法的实施例一的流程示意图;
图3示出了本发明一种网页标签缩微图显示方法的实施例二的流程示意图;
图4示出了本发明一种网页标签缩微图显示装置一实施例的结构示意图。
具体实施方式
为使本发明的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本发明作进一步详细的说明。
参照图2,示出了本发明提供的一种网页标签的缩微图显示方法实施例1的流程示意图,本实施例的方法包括以下步骤:
步骤101,鼠标悬停于当前网页标签处达预定时间,触发显示网页标签缩微图窗口。
其中,判断鼠标在当前网页标签处悬停是否达到预定时间具体包括:
诸如window类的操作系统会给窗口的消息处理函数派发鼠标事件。鼠标在网页标签上的每一次移动,网页标签都能得到鼠标移动事件的通知,从而可以判断当前鼠标所在的网页标签id。每当鼠标移动到一个新的网页标签上时,设置一个定时器,定时器的间隔为鼠标悬停的预定时间。如果定时器没有到达预定时间时,鼠标已经移动到新的网页标签上,就重新设置定时器。如果在预定的时间后鼠标还在同一个网页标签上,就认为鼠标悬停在同一个网页标签达到了预定的时间,这时就可以触发显示网页标签缩微图窗口了。
所述网页标签缩微图窗口是一个弹出窗口,例如可以是具有ws_popup风格的弹出窗口。所述网页标签缩微图窗口显示的位置可以是浏览器窗口中的任意位置,只要不影响用户操作即可,例如,可以是鼠标下方、浏览器窗口的左侧、右侧或底侧等。
在本发明的另一优选实施例中,所述所述触发显示网页标签缩微图窗口包括:
获取浏览器网页标签的坐标位置;根据所述网页标签的坐标位置,向下偏移生成弹出窗口的坐标位置;根据上述生成的坐标位置,生成基于浏览器主窗口的弹出窗口作为网页标签缩微图窗口。
选择在网页标签的左下偏移位置以弹出窗口的方式生成网页标签缩微图窗口,这样可使网页标签缩微图窗口与网页标签和鼠标保持相对固定的位置,便于用户快速查看网页标签缩微图窗口,即不会遮挡网页标签标题处的可视区域,亦不会对用户操作网页标签产生任何影响,可使用户获得最佳的操作体验。
步骤102,获取浏览器中网页标签的页面截图,生成其网页标签缩微图。
通过操作系统、浏览器或第三方程序提供的接口获得浏览器中网页标签指定位置的页面截图生成缩微图。
以微软操作系统为例,IE内核支持图形接口:
OleDraw(IUnknown*pUnk,DWORDdwAspect,HDChdcDraw,LPCRECTlprcBounds)
其中,各参数的含义如下:
pUnk:IE内核提供的com接口:IHTMLDocument2;
dwAspect:绘制的类型;
hdcDraw:接收绘制结果的设备上下文句柄;
lprcBounds:指定要绘制的页面矩形区域坐标。
所述获取浏览器中网页标签的页面截图,生成其网页标签缩微图的过程具体包括:对包含多个网页标签页面的浏览器,每个网页标签页面都提供com接口,通过将页面的com接口传递到接口OleDraw里面,就可以获取到网页标签页面在指定位置的页面截图;然后设置浏览器中网页标签的ID,并生成所述网页标签ID的列表;依据所述网页标签ID列表和网页标签缩微图窗口的大小确定所述网页截图的大小,生成网页标签缩微图。
步骤103,将所述网页标签缩微图加载在所述网页标签缩微图窗口中。
具体包括:根据鼠标的位置,获取鼠标对应的当前网页标签的ID;依据所述确定的网页标签缩微图的大小以及所述当前网页标签的ID,突出显示地加载当前网页标签的缩微图,并依据所述网页标签ID的列表加载非选中的网页标签在所述网页标签缩微图窗口中。
网页标签缩微图窗口的消息处理函数监听处理绘图消息wm_paint,当接收到该消息后,通过调用操作系统的GDI函数将网页标签缩微图绘制在网页标签缩微图窗口对象dc中。
进一步的,可将网页标签的标题信息绘制在网页标签缩微图窗口中,通过同时显示网页标签的标题和页面截图以便进一步提高用户对网页标签内容的识别效果。
参照图3,示出了本发明提供的一种浏览器网页标签显示方法实施例2的流程示意图,本实施例的方法包括以下步骤:
步骤301,当鼠标悬停于当前网页标签处达预定时间,根据浏览器网页标签的坐标位置,向下偏移生成基于浏览器主窗口的弹出窗口作为网页标签的缩微图窗口。
步骤302,获取与当前选中网页标签相邻的至少一个网页标签的页面截图生成对应的网页标签缩微图。
与当前选中网页标签相邻的网页标签即可能是属于同一网站的不同网页,也可能是来自不同网站的不同网页。
步骤303,将所述相邻的至少一个网页标签缩微图加载在所述网页标签缩微图窗口中。
其中,步骤302、303可进一步包括:获取当前选中网页标签的页面截图生成网页标签缩微图;将所述当前选中网页标签的网页标签缩微图加载在所述网页标签缩微图窗口中,所述当前选中网页标签的缩微图在网页标签缩微图窗口中被选中。
用户在使用网页标签浏览网页时,往往会同时打开多个网页标签浏览不同的网页,为方便用户操作,当触发显示出网页标签缩微图窗口后,将当前选中网页标签以及相邻的多个网页标签的页面截图生成网页标签缩微图加载在网页标签缩微图窗口中。
例如,以当前选中网页标签为基准,将左右相邻的各2个网页标签,共5个连续网页标签的网页标签缩微图加载显示在网页标签缩微图窗口中,该过程具体包括:
首先,对每个网页标签绑定一个唯一的网页标签id;根据鼠标位置,取得鼠标下面的网页标签id。浏览器按照网页标签的前后顺序维护一个网页标签id列表,根据这份列表,可以查询相邻的5个网页标签id。
其次,由于每个网页标签页面都和一个网页标签id关联,因此通过每个网页标签id,可以获取对应的网页标签页面数据。和单个网页标签显示缩微图的流程类似,根据网页标签位置取得缩微图的位置,然后根据网页标签标题和网页标签页面截图在网页标签缩微图窗口中加载缩微图的内容。其中,当前选中的网页标签在标签缩微图窗口中对应的缩微图亦为选中状态。
在本发明的另一优选实施例中,所述方法进一步包括:当鼠标在所述至少一个网页标签之间滑动且悬停达预定时间,所述网页标签缩微图窗口中的网页标签缩微图同步改变。
为了让网页标签缩微图窗口中的缩微图便于用户识别,具有最佳显示效果,我们需要对窗口中加载的网页标签缩微图的数量和大小进行控制。如上所述,选择包含当前选中网页标签的连续5个网页标签的缩微图加载在缩微图窗口中,这样一来,当浏览器中网页标签的数量超过5个时,随着鼠标在网页标签上滑动,网页标签缩微图窗口中缩微图也做同步改变,以控制缩微图的数量、大小和显示效果始终为最佳。当然,在实施本发明时,网页标签缩微图窗口中显示的网页标签缩微图的个数可由本领域技术人员自行决定,本发明对此不作限制,只要满足用户容易识别网页标签内容的目的即可。
在本发明的另一优选实施例中,所述方法进一步包括:当鼠标在网页标签缩微图窗口中的所述至少一个网页标签缩微图上滑动时,浏览器窗口中同步预览鼠标当前对应的网页标签缩微图的网页标签页面。
浏览器窗口中同步预览网页标签缩微图窗口中的当前缩微图,便于用户更加直观的查看当前缩微图的内容,进一步提高了对网页标签的识别效率。
在本发明的另一优选实施例中,所述方法进一步包括:当鼠标移动离开网页标签缩微图窗口的可视区域,所述网页标签缩微图窗口关闭,所述浏览器窗口恢复显示当前选中的网页标签的页面。
具体而言:当鼠标离开网页标签缩微图或网页标签缩微图窗口的可视区域时,窗口事件处理函数会收到WM_MOUSELEAVE消息,这时根据当前选中网页标签页面的网页标签id找到对应的网页标签页面的窗口,调用系统的api:SetWindowPos,通过参数SWP_SHOWWINDOW设置恢复显示当前选中的网页标签页面窗口。当需要隐藏标某个签页面时,调用同样的api,传递参数SWP_HIDEWINDOW隐藏页面窗口。
其中,在浏览器窗口中预览显示网页标签页面的过程就是通过获取网页标签页面的整体截图,并将该整体截图绘制显示在浏览器窗口中。由于浏览器窗口中预览显示了网页标签完整页面的内容,因此,用户可直接据此对网页标签的内容进行预览和识别。
步骤304,在所述网页标签缩微图窗口中包括所述网页标签缩微图对应的关闭按钮,当用户点击所述关闭按钮时,将对应的网页标签缩微图从所述网页标签缩微图窗口中移除,所述网页标签缩微图对应的网页标签的页面在浏览器中被关闭。
用户通过网页标签缩微图窗口,在查看网页标签缩微图的同时点击‘关闭’按钮来关闭网页标签缩微图和浏览器窗口中对应的网页标签,而不必返回到浏览器窗口中对网页标签进行操作,简化了操作流程,提高了用户操作的便捷性。进一步的,所述关闭按钮还可是‘关闭同组’按钮,用于关闭缩微图窗口中某一类/一组缩微图和对应的浏览器标签。
在本发明的另一优选实施例中,在所述网页标签缩微图窗口中还包括:与网页标签缩微图对应的收藏按钮和/或保存按钮和/或添加导航按钮和/或播放按钮和/或下载按钮;
所述方法还包括:当用户点击所述按钮时,对所述网页标签缩微图对应的网页标签的页面执行相应的收藏和/或保存和/或添加导航和/或播放和/或下载操作。
在本发明的另一优选实施例中,所述方法还包括:若所述网页标签缩微图窗口中的网页标签缩微图超出预定数量,在所述网页标签缩微图窗口中生成左右滚动按钮,以滚动显示所述网页标签缩微图窗口中网页标签缩微图。
为了让网页标签缩微图在缩微图窗口中拥有最佳的显示比例和效果,便于用户查看,我们预设了标签缩微图的显示数量,当需要显示的网页标签缩微图超出该预设数量时,缩微图窗口中仍控制显示为预设数量的缩微图,但同时会显示左右滚动按钮,以滚动显示所述网页标签缩微图窗口中其它网页标签缩微图。
步骤305,设置定时器,按照所述定时器定时获取所述网页标签缩微图,并更新显示网页标签缩微图窗口和其中对应的网页标签缩微图。
该步骤为可选步骤,通过定时刷新网页标签缩微图可将缩微图的内容与对应网页标签的内容随时保持同步更新,提高了用户识别的准确性。
以上对本发明所提供的一种网页标签缩微图的显示方法做了描述,下面参见上述方法实施例的内容,对本发明的装置进行描述:
参照图4,图4示出了本发明所述一种收藏夹数据的处理装置的结构示意图,所述装置包括:网页标签缩微图窗口显示模块410,用于鼠标悬停于当前网页标签处达预定时间,触发显示网页标签缩微图窗口;
网页标签缩微图获取模块420,用于获取浏览器中网页标签的页面截图,生成其网页标签缩微图;
网页标签缩微图加载模块430,用于将所述网页标签缩微图加载在所述网页标签缩微图窗口中。
优选的,所述标签缩微图窗口显示模块410包括:
坐标获取单元411,用于获取浏览器网页标签的坐标位置;根据所述网页标签的坐标位置,向下偏移生成弹出窗口的坐标位置;
窗口显示单元412,根据上述生成的坐标位置,生成基于浏览器主窗口的弹出窗口作为网页标签缩微图窗口。
优选的,所述网页标签缩微图获取模块420还包括:
第一获取单元421,用于获取与当前选中网页标签相邻的至少一个网页标签的页面截图生成对应的网页标签缩微图;
所述网页标签缩微图加载模块430还包括:
第一加载单元431,用于将所述相邻的至少一个网页标签缩微图加载在所述网页标签缩微图窗口中。
优选的,所述网页标签缩微图获取模块420进一步包括:
第二获取单元422,用于获取当前选中网页标签的页面截图生成网页标签缩微图;
所述网页标签缩微图加载模块430进一步包括:
第二加载单元432,用于将所述当前选中网页标签的网页标签缩微图加载在所述网页标签缩微图窗口中,所述当前选中网页标签的缩微图在网页标签缩微图窗口中被选中。
优选的,所述装置还包括:
缩微图同步模块440,用于当鼠标在所述至少一个网页标签之间滑动且悬停达预定时间,所述网页标签缩微图窗口中的网页标签缩微图同步改变。
优选的,所述装置还包括:
同步预览模块450,用于当鼠标在网页标签缩微图窗口中的所述至少一个网页标签缩微图上滑动时,浏览器窗口中同步预览鼠标当前对应的网页标签缩微图的网页标签页面。
优选的,所述装置还包括:
缩微图关闭模块460,用于当鼠标离开网页标签缩微图窗口的可视区域,所述网页标签缩微图窗口关闭,所述浏览器窗口恢复显示当前选中的网页标签的页面。
优选的,所述网页标签缩微图窗口中还包括:与所述网页标签缩微图对应的关闭按钮;
所述装置还包括:
缩微图移除模块470,用于当用户点击所述关闭按钮时,将对应的网页标签缩微图从所述网页标签缩微图窗口中移除,所述网页标签缩微图对应的网页标签的页面在浏览器中被关闭。
优选的,在所述网页标签缩微图窗口中还包括与网页标签缩微图对应的
收藏按钮和/或
保存按钮和/或
添加导航按钮和/或
播放按钮和/或
下载按钮;
所述装置还包括:
按钮指令处理模块480,用于当用户点击所述按钮时,对所述网页标签缩微图对应的网页标签的页面执行相应的收藏和/或保存和/或添加导航和/或播放和/或下载操作。
优选的,所述装置还包括:
滚动按钮生成模块490,用于当所述网页标签缩微图窗口中的网页标签缩微图超出预定数量,在所述网页标签缩微图窗口中生成左右滚动按钮,以滚动显示所述网页标签缩微图窗口中网页标签缩微图。
优选的,所述网页标签缩微图获取模块420进一步包括:
第三获取单元423,用于根据OleDraw函数获取到浏览器标签页面的页面截图;设置浏览器中网页标签的ID,并生成所述网页标签ID的列表;依据所述网页标签ID列表和网页标签缩微图窗口的大小确定所述网页截图的大小,生成网页标签缩微图;
所述网页标签缩微图加载模块430进一步包括:
第三加载单元433,用于根据鼠标的位置,获取鼠标对应的当前网页标签的ID;依据所述确定的网页标签缩微图的大小以及所述当前网页标签的ID,突出显示地加载当前网页标签的缩微图,并依据所述网页标签ID的列表加载非选中的网页标签在所述网页标签缩微图窗口中。
优选的,所述装置还包括:
更新模块510,用于按照预设的定时器定时获取所述网页标签缩微图,并更新显示网页标签缩微图窗口和其中对应的网页标签缩微图。
上述本发明实施例中的方法和装置适用于各种网络或者客户端环境中,例如可以实现在诸如个人计算机设备之类的计算机设备中,或者可以实现在诸如移动电话、移动通信设备、个人数字助理(PDA)等其他便携式电子设备或者非便携式电子设备中。因此本领域技术人员要明确的是,本发明的保护范围并不限于PC上运行浏览器中的网页标签缩微图窗口功能,仅是出于描述的简洁和方便而在本发明实施例中采用了PC上运行浏览器中的标签缩微图窗口功能进行描述。
本说明书中的各个实施例均采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似的部分互相参见即可。对于系统和/或装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。
而且,上文中的“和/或”表示本文既包含了“和”的关系,也包含了“或”的关系,其中:如果方案A与方案B是“和”的关系,则表示某实施例中可以同时包括方案A和方案B;如果方案A与方案B是“或”的关系,则表示某实施例中可以单独包括方案A,或者单独包括方案B。
以上对本发明所提供的一种网页标签的缩微图显示方法和装置,进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。
本发明实施例还公开了A1、一种网页标签的缩微图显示方法,其特征在于,包括:
鼠标悬停于当前网页标签处达预定时间,触发显示网页标签缩微图窗口;
获取浏览器中网页标签的页面截图,生成其网页标签缩微图;
将所述网页标签缩微图加载在所述网页标签缩微图窗口中。
A2、如A1所述的方法,其特征在于,所述触发显示网页标签缩微图窗口包括:
获取浏览器网页标签的坐标位置;
根据所述网页标签的坐标位置,向下偏移生成弹出窗口的坐标位置;
根据上述生成的坐标位置,生成基于浏览器主窗口的弹出窗口作为网页标签缩微图窗口。
A3、如A1所述的方法,其特征在于,所述获取浏览器中网页标签的页面截图,生成其网页标签缩微图包括:
获取与当前选中网页标签相邻的至少一个网页标签的页面截图生成对应的网页标签缩微图;
所述将所述网页标签缩微图加载在所述网页标签缩微图窗口中包括:
将所述相邻的至少一个网页标签缩微图加载在所述网页标签缩微图窗口中。
A4、如A3所述的方法,其特征在于,所述获取浏览器中网页标签的页面截图,生成其网页标签缩微图进一步包括:
获取当前选中网页标签的页面截图生成网页标签缩微图;
所述将所述网页标签缩微图加载在所述网页标签缩微图窗口中进一步包括:
将所述当前选中网页标签的网页标签缩微图加载在所述网页标签缩微图窗口中,所述当前选中网页标签的缩微图在网页标签缩微图窗口中被选中。
A5、如A4所述的方法,其特征在于,还包括:
当鼠标在所述至少一个网页标签之间滑动且悬停达预定时间,所述网页标签缩微图窗口中的网页标签缩微图同步改变。
A6、如A5所述的方法,其特征在于,还包括:
当鼠标在网页标签缩微图窗口中的所述至少一个网页标签缩微图上滑动时,浏览器窗口中同步预览鼠标当前对应的网页标签缩微图的网页标签页面。
A7、如A1所述的方法,其特征在于,还包括:
当鼠标移动离开网页标签缩微图窗口的可视区域,所述网页标签缩微图窗口关闭,所述浏览器窗口恢复显示当前选中的网页标签的页面。
A8、如A1所述的方法,其特征在于,所述网页标签缩微图窗口中还包括:与所述网页标签缩微图对应的关闭按钮;
所述方法还包括:
当用户点击所述关闭按钮时,将对应的网页标签缩微图从所述网页标签缩微图窗口中移除,所述网页标签缩微图对应的网页标签的页面在浏览器中被关闭。
A9、如A8所述的方法,其特征在于,在所述网页标签缩微图窗口中还包括:与网页标签缩微图对应的
收藏按钮和/或
保存按钮和/或
添加导航按钮和/或
播放按钮和/或
下载按钮;
所述方法还包括:
当用户点击所述按钮时,对所述网页标签缩微图对应的网页标签的页面执行相应的收藏和/或保存和/或添加导航和/或播放和/或下载操作。
A10、如A9所述的方法,其特征在于,还包括:
若所述网页标签缩微图窗口中的网页标签缩微图超出预定数量,在所述网页标签缩微图窗口中生成左右滚动按钮,以滚动显示所述网页标签缩微图窗口中网页标签缩微图。
A11、如A1中所述的方法,其特征在于,所述获取浏览器中网页标签的页面截图,生成其网页标签缩微图的步骤包括:
根据OleDraw函数获取到浏览器标签页面的页面截图;
设置浏览器中网页标签的ID,并生成所述网页标签ID的列表;
依据所述网页标签ID列表和网页标签缩微图窗口的大小确定所述网页截图的大小,生成网页标签缩微图;
所述将所述网页标签缩微图加载在所述网页标签缩微图窗口中的步骤包括:
根据鼠标的位置,获取鼠标对应的当前网页标签的ID;
依据所述确定的网页标签缩微图的大小以及所述当前网页标签的ID,突出显示地加载当前网页标签的缩微图,并依据所述网页标签ID的列表加载非选中的网页标签在所述网页标签缩微图窗口中。
A12、如A1所述的方法,其特征在于,还包括:
设置定时器,按照所述定时器定时获取所述网页标签缩微图,并更新显示网页标签缩微图窗口和其中对应的网页标签缩微图。
本发明实施例还公开了B13、一种网页标签的缩微图显示装置,其特征在于,包括:
网页标签缩微图窗口显示模块,其配置为鼠标悬停于当前网页标签处达预定时间,触发显示网页标签缩微图窗口;
网页标签缩微图获取模块,其配置为获取浏览器中网页标签的页面截图,生成其网页标签缩微图;
网页标签缩微图加载模块,其配置为将所述网页标签缩微图加载在所述网页标签缩微图窗口中。
B14、如B13所述的装置,其特征在于,所述标签缩微图窗口显示模块包括:
坐标获取单元,其配置为获取浏览器网页标签的坐标位置;根据所述网页标签的坐标位置,向下偏移生成弹出窗口的坐标位置;
窗口显示单元,根据上述生成的坐标位置,生成基于浏览器主窗口的弹出窗口作为网页标签缩微图窗口。
B15、如B13所述的装置,其特征在于,所述网页标签缩微图获取模块还包括:
第一获取单元,其配置为获取与当前选中网页标签相邻的至少一个网页标签的页面截图生成对应的网页标签缩微图;
所述网页标签缩微图加载模块还包括:
第一加载单元,其配置为将所述相邻的至少一个网页标签缩微图加载在所述网页标签缩微图窗口中。
B16、如B15所述的装置,其特征在于,所述网页标签缩微图获取模块进一步包括:
第二获取单元,其配置为获取当前选中网页标签的页面截图生成网页标签缩微图;
所述网页标签缩微图加载模块进一步包括:
第二加载单元,其配置为将所述当前选中网页标签的网页标签缩微图加载在所述网页标签缩微图窗口中,所述当前选中网页标签的缩微图在网页标签缩微图窗口中被选中。
B17、如B16所述的装置,其特征在于,还包括:
缩微图同步模块,其配置为当鼠标在所述至少一个网页标签之间滑动且悬停达预定时间,所述网页标签缩微图窗口中的网页标签缩微图同步改变。
B18、如B17所述的装置,其特征在于,还包括:
同步预览模块,其配置为当鼠标在网页标签缩微图窗口中的所述至少一个网页标签缩微图上滑动时,浏览器窗口中同步预览鼠标当前对应的网页标签缩微图的网页标签页面。
B19、如B18所述的装置,其特征在于,还包括:
缩微图关闭模块,其配置为当鼠标离开网页标签缩微图窗口的可视区域,所述网页标签缩微图窗口关闭,所述浏览器窗口恢复显示当前选中的网页标签的页面。
B20、如B19所述的装置,其特征在于,所述网页标签缩微图窗口中还包括:与所述网页标签缩微图对应的关闭按钮;
所述装置还包括:
缩微图移除模块,其配置为当用户点击所述关闭按钮时,将对应的网页标签缩微图从所述网页标签缩微图窗口中移除,所述网页标签缩微图对应的网页标签的页面在浏览器中被关闭。
B21、如B20所述的装置,其特征在于,在所述网页标签缩微图窗口中还包括与网页标签缩微图对应的
收藏按钮和/或
保存按钮和/或
添加导航按钮和/或
播放按钮和/或
下载按钮;
所述装置还包括:
按钮指令处理模块,其配置为当用户点击所述按钮时,对所述网页标签缩微图对应的网页标签的页面执行相应的收藏和/或保存和/或添加导航和/或播放和/或下载操作。
B22、如B19所述的装置,其特征在于,还包括:
滚动按钮生成模块,其配置为当所述网页标签缩微图窗口中的网页标签缩微图超出预定数量,在所述网页标签缩微图窗口中生成左右滚动按钮,以滚动显示所述网页标签缩微图窗口中网页标签缩微图。
B23、如B22所述的装置,其特征在于,所述网页标签缩微图获取模块进一步包括:
第三获取单元,其配置为根据OleDraw函数获取到浏览器标签页面的页面截图;设置浏览器中网页标签的ID,并生成所述网页标签ID的列表;依据所述网页标签ID列表和网页标签缩微图窗口的大小确定所述网页截图的大小,生成网页标签缩微图;
所述网页标签缩微图加载模块进一步包括:
第三加载单元,其配置为根据鼠标的位置,获取鼠标对应的当前网页标签的ID;依据所述确定的网页标签缩微图的大小以及所述当前网页标签的ID,突出显示地加载当前网页标签的缩微图,并依据所述网页标签ID的列表加载非选中的网页标签在所述网页标签缩微图窗口中。
B24、如B23所述的装置,其特征在于,还包括:
更新模块,其配置为按照预设的定时器定时获取所述网页标签缩微图,并更新显示网页标签缩微图窗口和其中对应的网页标签缩微图。
Claims (10)
1.一种网页标签的缩微图显示方法,其特征在于,包括:
鼠标悬停于当前网页标签处达预定时间,触发显示网页标签缩微图窗口;
获取浏览器中网页标签的页面截图,生成其网页标签缩微图;
将所述网页标签缩微图加载在所述网页标签缩微图窗口中。
2.如权利要求1所述的方法,其特征在于,所述触发显示网页标签缩微图窗口包括:
获取浏览器网页标签的坐标位置;
根据所述网页标签的坐标位置,向下偏移生成弹出窗口的坐标位置;
根据上述生成的坐标位置,生成基于浏览器主窗口的弹出窗口作为网页标签缩微图窗口。
3.如权利要求1所述的方法,其特征在于,所述获取浏览器中网页标签的页面截图,生成其网页标签缩微图包括:
获取与当前选中网页标签相邻的至少一个网页标签的页面截图生成对应的网页标签缩微图;
所述将所述网页标签缩微图加载在所述网页标签缩微图窗口中包括:
将所述相邻的至少一个网页标签缩微图加载在所述网页标签缩微图窗口中。
4.如权利要求3所述的方法,其特征在于,所述获取浏览器中网页标签的页面截图,生成其网页标签缩微图进一步包括:
获取当前选中网页标签的页面截图生成网页标签缩微图;
所述将所述网页标签缩微图加载在所述网页标签缩微图窗口中进一步包括:
将所述当前选中网页标签的网页标签缩微图加载在所述网页标签缩微图窗口中,所述当前选中网页标签的缩微图在网页标签缩微图窗口中被选中。
5.如权利要求4所述的方法,其特征在于,还包括:
当鼠标在所述至少一个网页标签之间滑动且悬停达预定时间,所述网页标签缩微图窗口中的网页标签缩微图同步改变。
6.一种网页标签的缩微图显示装置,其特征在于,包括:
网页标签缩微图窗口显示模块,其配置为鼠标悬停于当前网页标签处达预定时间,触发显示网页标签缩微图窗口;
网页标签缩微图获取模块,其配置为获取浏览器中网页标签的页面截图,生成其网页标签缩微图;
网页标签缩微图加载模块,其配置为将所述网页标签缩微图加载在所述网页标签缩微图窗口中。
7.如权利要求6所述的装置,其特征在于,所述标签缩微图窗口显示模块包括:
坐标获取单元,其配置为获取浏览器网页标签的坐标位置;根据所述网页标签的坐标位置,向下偏移生成弹出窗口的坐标位置;
窗口显示单元,根据上述生成的坐标位置,生成基于浏览器主窗口的弹出窗口作为网页标签缩微图窗口。
8.如权利要求6所述的装置,其特征在于,所述网页标签缩微图获取模块还包括:
第一获取单元,其配置为获取与当前选中网页标签相邻的至少一个网页标签的页面截图生成对应的网页标签缩微图;
所述网页标签缩微图加载模块还包括:
第一加载单元,其配置为将所述相邻的至少一个网页标签缩微图加载在所述网页标签缩微图窗口中。
9.如权利要求8所述的装置,其特征在于,所述网页标签缩微图获取模块进一步包括:
第二获取单元,其配置为获取当前选中网页标签的页面截图生成网页标签缩微图;
所述网页标签缩微图加载模块进一步包括:
第二加载单元,其配置为将所述当前选中网页标签的网页标签缩微图加载在所述网页标签缩微图窗口中,所述当前选中网页标签的缩微图在网页标签缩微图窗口中被选中。
10.如权利要求9所述的装置,其特征在于,还包括:
缩微图同步模块,其配置为当鼠标在所述至少一个网页标签之间滑动且悬停达预定时间,所述网页标签缩微图窗口中的网页标签缩微图同步改变。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610159092.7A CN105739833A (zh) | 2012-06-29 | 2012-06-29 | 一种网页标签的缩微图显示方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610159092.7A CN105739833A (zh) | 2012-06-29 | 2012-06-29 | 一种网页标签的缩微图显示方法和装置 |
Related Parent Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210226779.XA Division CN102831155B (zh) | 2012-06-29 | 2012-06-29 | 一种网页标签的缩微图显示方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN105739833A true CN105739833A (zh) | 2016-07-06 |
Family
ID=56250901
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610159092.7A Pending CN105739833A (zh) | 2012-06-29 | 2012-06-29 | 一种网页标签的缩微图显示方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105739833A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106339452A (zh) * | 2016-08-25 | 2017-01-18 | 北京小米移动软件有限公司 | 事件响应方法及装置 |
CN114935989A (zh) * | 2022-06-24 | 2022-08-23 | Vidaa国际控股(荷兰)公司 | 一种浏览器页面显示方法及显示设备 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101390081A (zh) * | 2005-04-07 | 2009-03-18 | 微软公司 | 用于在带有选项卡的浏览器内选择一选项卡的系统和方法 |
CN101477558A (zh) * | 2009-01-15 | 2009-07-08 | 腾讯科技(深圳)有限公司 | 浏览器标签管理方法及多页面浏览系统 |
WO2012068521A2 (en) * | 2010-11-18 | 2012-05-24 | Google Inc. | Multi-mode web browsing |
-
2012
- 2012-06-29 CN CN201610159092.7A patent/CN105739833A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101390081A (zh) * | 2005-04-07 | 2009-03-18 | 微软公司 | 用于在带有选项卡的浏览器内选择一选项卡的系统和方法 |
CN101477558A (zh) * | 2009-01-15 | 2009-07-08 | 腾讯科技(深圳)有限公司 | 浏览器标签管理方法及多页面浏览系统 |
WO2012068521A2 (en) * | 2010-11-18 | 2012-05-24 | Google Inc. | Multi-mode web browsing |
Non-Patent Citations (1)
Title |
---|
CHARLES PETZOLD: "《Windows程序设计(第5版)》", 30 September 2010 * |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106339452A (zh) * | 2016-08-25 | 2017-01-18 | 北京小米移动软件有限公司 | 事件响应方法及装置 |
CN114935989A (zh) * | 2022-06-24 | 2022-08-23 | Vidaa国际控股(荷兰)公司 | 一种浏览器页面显示方法及显示设备 |
CN114935989B (zh) * | 2022-06-24 | 2024-04-19 | Vidaa国际控股(荷兰)公司 | 一种浏览器页面显示方法及显示设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102831155B (zh) | 一种网页标签的缩微图显示方法和装置 | |
CN107272994B (zh) | 视窗切换界面 | |
US8966387B2 (en) | Method and apparatus for managing icon in portable terminal | |
US10048824B2 (en) | User terminal device and display method thereof | |
CN102929491B (zh) | 跨窗口动画 | |
CN104035679B (zh) | 显示代表信息的电子设备及其控制方法 | |
US20150378580A1 (en) | Interaction in chain visualization | |
CN102355529B (zh) | 短信息和邮件统一显示的方法和装置以及移动终端 | |
US9507791B2 (en) | Storage system user interface with floating file collection | |
CN105229590A (zh) | 具有笔的用户终端装置和用户终端装置的控制方法 | |
US20140298244A1 (en) | Portable device using touch pen and application control method using the same | |
CN104317474A (zh) | 窗口切换方法及装置 | |
CN105164714A (zh) | 用户终端装置及其控制方法 | |
AU2013287390A1 (en) | Portable terminal using touch pen and handwriting input method using the same | |
KR102343361B1 (ko) | 전자 기기 및 이의 웹 페이지 디스플레이 방법 | |
CN105488051B (zh) | 网页处理方法及装置 | |
JP6949059B2 (ja) | 動的リストを表示する方法、デバイス、装置及びシステム | |
CN108228040A (zh) | 移动终端及浮屏操作控制方法、装置 | |
CN103677552B (zh) | 一种网页中图片的控制和展示方法、及其装置 | |
CN103064627A (zh) | 一种应用程序管理方法及装置 | |
CN106527888A (zh) | 滑屏查找页面的方法及装置 | |
US10757241B2 (en) | Method and system for dynamically changing a header space in a graphical user interface | |
CN105278771A (zh) | 无挡触控的手持式电子装置、方法及图形化使用者界面 | |
CN104571813A (zh) | 一种信息的显示方法及装置 | |
CN102043560B (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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160706 |