CN104182237B - 一种浏览器标签展示方法、装置及终端 - Google Patents
一种浏览器标签展示方法、装置及终端 Download PDFInfo
- Publication number
- CN104182237B CN104182237B CN201410433505.7A CN201410433505A CN104182237B CN 104182237 B CN104182237 B CN 104182237B CN 201410433505 A CN201410433505 A CN 201410433505A CN 104182237 B CN104182237 B CN 104182237B
- Authority
- CN
- China
- Prior art keywords
- halation
- forms
- label
- browser
- foreground
- 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
Landscapes
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明实施例公开了一种浏览器标签展示方法,包括:当浏览器启动时,创建光晕窗体;所述光晕窗体为透明且带有光晕效果的窗体,光晕窗体大小与所述浏览器启动时标签大小相匹配;将所述光晕窗体移动到位于前台的标签处;在所述光晕窗体中加载所述位于前台的标签对应的网页的网页信息,以展示所述网页信息;所述网页信息包括网页标题和网页图标。本发明实施例还公开了一种浏览器标签展示装置和一种终端。采用本发明,可以提高定位位于前台的标签的效率。
Description
技术领域
本发明涉及互联网技术领域,尤其涉及一种浏览器标签展示方法、装置及终端。
背景技术
目前一般浏览器都会在浏览器上放置标签栏,用来显示用户正在浏览的不同网页,用户可以点击不同的标签,达到查看不同网页的效果。
现有浏览器均使用正在浏览的网页的标题、图标以及高亮的效果来展示浏览器正在浏览(即位于前台)的标签,其示意图可以参见图1,当前位于前台的标签的颜色相对于位于后台的标签的颜色的亮度较高,以区别于前台和后台运行的标签。
但是实践发现,现有浏览器标签展示方案不能醒目地区分出位于前台的标签和位于后台的标签,无法保证用户快速地定位位于前台的标签。
发明内容
本发明实施例所要解决的技术问题在于,提供一种浏览器标签展示方法、装置及终端,可以提高定位位于前台的标签的效率。
为了解决上述技术问题,本发明实施例提供了一种浏览器标签展示方法,包括:
当浏览器启动时,创建光晕窗体;所述光晕窗体为透明且带有光晕效果的窗体,光晕窗体大小与所述浏览器启动时标签大小相匹配;
将所述光晕窗体移动到位于前台的标签处;
在所述光晕窗体中加载所述位于前台的标签对应的网页的网页信息,以展示所述网页信息;所述网页信息包括网页标题和网页图标。
其中,所述创建光晕窗体,包括:
创建透明窗体;
在所述透明窗体中加载光晕图片;其中,所述光晕图片为具体透明属性,且带有光晕效果的图片。
其中,所述将所述光晕窗体移动到位于前台的标签处,包括:
隐藏所述光晕窗体;
将隐藏后的所述光晕窗体移动到所述位于前台的标签处;
显示所述光晕窗体,并将所述光晕窗体设置在所述位于前台的标签上。
其中,所述在所述光晕窗体中加载所述位于前台的标签对应的网页的网页信息之后,还包括:
当接收到将浏览器标签切换至目标标签的指令时,隐藏所述光晕窗体;
将隐藏后的所述光晕窗体移动至所述目标标签处;
将所述光晕窗体中显示的网页信息更换为所述目标标签对应的网页的网页信息;
显示所述光晕窗体,并将所述光晕窗体设置在所述目标标签上。
其中,该方法还包括:
当所述浏览器标签大小发生变化时,适应性调整所述光晕窗体大小,以保证所述光晕窗体大小与所述浏览器标签大小相匹配。
其中,该方法还包括:
当所述浏览器关闭时,删除所述光晕窗体。
相应地,本发明实施例还提供了一种浏览器标签展示装置,包括:
创建模块,用于当浏览器启动时,创建光晕窗体;所述光晕窗体为透明且带有光晕效果的窗体,光晕窗体大小与所述浏览器启动时标签大小相匹配;
第一移动模块,用于将所述光晕窗体移动到位于前台的标签处;
展示模块,用于在所述光晕窗体中加载所述位于前台的标签对应的网页的网页信息,以展示所述网页信息;所述网页信息包括网页标题和网页图标。
其中,所述创建模块包括:
创建单元,用于创建透明窗体;
加载单元,用于在所述透明窗体中加载光晕图片;其中,所述光晕图片为具体透明属性,且带有光晕效果的图片。
其中,所述第一移动模块包括:
隐藏单元,用于隐藏所述光晕窗体;
移动单元,用于将隐藏后的所述光晕窗体移动到所述位于前台的标签处;
显示单元,用于显示所述光晕窗体,并将所述光晕窗体设置在所述位于前台的标签上。
其中,所述装置还包括:
隐藏模块,用于当接收到将浏览器标签切换至目标标签的指令时,隐藏所述光晕窗体;
第二移动模块,用于将隐藏后的所述光晕窗体移动至所述目标标签处;
更换模块,用于将所述光晕窗体中显示的网页信息更换为所述目标标签对应的网页的网页信息;
显示模块,用于显示所述光晕窗体,并将所述光晕窗体设置在所述目标标签上。
其中,还包括:
调整模块,用于当所述浏览器标签大小发生变化时,适应性调整所述光晕窗体大小,以保证所述光晕窗体大小与所述浏览器标签大小相匹配。
其中,还包括:
删除模块,用于当所述浏览器关闭时,删除所述光晕窗体。
相应地,本发明实施例还提供了一种终端,包括上述浏览器标签展示装置。
实施本发明实施例,具有如下有益效果:
当浏览器启动时,创建光晕窗体,并将光晕窗体移动到位于前台的标签处,进而在该光晕窗体中加载该位于前台的标签对应的网页的网页标题和网页图标,通过带有光晕效果的光晕窗体使得位于前台的标签更加醒目,从而保证用户能够快速定位位于前台的标签。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是现有技术中一种浏览器标签展示效果示意图;
图2是本发明实施例提供的一种浏览器标签展示方法的流程示意图;
图3是本发明实施例提供的一种浏览器标签展示效果示意图;
图4是本发明实施例提供的另一种浏览器标签展示方法的流程示意图;
图5是本发明实施例提供的另一种浏览器标签展示方法的流程示意图;
图6是本发明实施例提供的另一种浏览器标签展示方法的流程示意图;
图7是本发明实施例提供的一种浏览器标签展示装置的结构示意图;
图8是本发明实施例提供的另一种浏览器标签展示装置的结构示意图;
图9是本发明实施例提供的另一种浏览器标签展示装置的结构示意图;
图10是本发明实施例提供的另一种浏览器标签展示装置的结构示意图;
图11是本发明实施例提供的另一种浏览器标签展示装置的结构示意图;
图12是本发明实施例提供的另一种浏览器标签展示装置的结构示意图;
图13是本发明实施例提供的另一种浏览器标签展示装置的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
如图2所示,为本发明实施例提供的一种浏览器标签展示方法的流程示意图,可以包括以下步骤:
步骤201、当浏览器启动时,创建光晕窗体;该光晕窗体为透明且带有光晕效果的窗体,光晕窗体大小与浏览器启动时标签大小相匹配。
本发明实施例中,所述方法可以应用于计算机、智能手机、平板电脑等设备的浏览器软件中,为方便说明,本发明实施例以计算机为例。但应当说明的是,本发明实施例并不限于应用在计算机中,凡是可以实施本发明实施例的设备均属于本发明实施例所需保护的范围。
作为一种可选的实施方式,上述步骤201中,创建光晕窗体可以包括以下步骤:
步骤11)、创建透明窗体;
步骤12)、在该透明窗体中加载光晕图片;该光晕图片为具有透明属性,且带有光晕效果的图片。
具体的,可以利用操作***(如windows操作***)提供的窗体创建功能,实现窗体创建,并通过调整窗体参数的方式,将所创建的窗体设置为透明窗体;创建完透明窗体后,可以在该透明窗体中加载预先制作并保存的光晕图片,该光晕图片具有透明属性,且带有光晕效果,从而实现了光晕窗体的创建,该光晕窗体透明,且带有光晕效果。
本发明实施例中,光晕窗体大小需要与浏览器启动时标签大小相匹配。
举例来说,假设浏览器启动时标签大小为10mm*50mm,则该光晕窗体大小可以也为10mm*50mm;或者,光晕窗体大小可以略大于标签大小,如12mm*50mm;或者,光晕窗体大小可以略小于标签大小,如9mm*48mm等。
优选地,为了使位于前台的标签更加明显,该光晕窗体大小可以略大于浏览器启动时标签大小,如光晕窗体的宽或/和长可以比标签的宽或/和长多一定比例,如10%,即光晕窗体的宽=(1+10%)标签的宽,或者,光晕窗体的面积比标签的面积大一定的比例,如10%,即光晕窗体的面积=(1+10%)标签的面积。
进一步优选地,为了防止光晕窗体对其他后台标签的影响,光晕窗体的宽可以略大于标签的宽,光晕窗体的长可以与标签的长相同,如,标签大小为10mm*50mm,光晕窗体可以为12mm*50mm。
需要注意的是,上述光晕窗体大小与标签大小的具体数值示例并不是对本发明保护范围的限定,即本发明实施例提供的技术方案中,光晕窗体大小与标签大小也可以为其他具体数值,在此不再具体限定。
步骤202、将光晕窗体移动到位于前台的标签处。
本发明实施例中,当浏览器启动时,会触发创建光晕窗体,并将该光晕窗体移动到位于前台的标签处,由于该光晕窗体具有光晕效果,因此,当该光晕窗体移动到位于前台的标签处时,该位于前台的标签处区域也具有光晕效果,从而使用户能够快速地定位该位于前台的标签。
步骤203、在该光晕窗体中加载该位于前台的标签对应的网页的网页信息,以展示该网页信息。
本发明实施例中,浏览器加载网页时,可以通过浏览器内核获取该网页的网页信息,该网页信息包括但不限于网页标题、网页图标等。
举例来说,假设当前访问的网页为百度首页,当浏览器在加载网页时,可以通过浏览器内核获取百度首页的网页信息,如网页标题(如“百度一下,你就知道”),以及网页图标(即百度的logo)。
浏览器内核获取到网页标题以及网页图标等信息后,可以将该网页标题和网页图标通知给标签,由标签传递给光晕窗体,进而光晕窗体可以加载该网页标题以及网页图标,从而在浏览器中展示带有光晕效果的浏览器标签,其示意图可以如图3所示。
在图2所描述的流程中,通过创建光晕窗体,并将光晕窗体移动至位于前台的标签处,使得位于前台的标签更加醒目、美观,从而用户能够更加快速地定位该位于前台的标签。
如图4所示,为本发明实施例提供的另一种浏览器标签展示方法的流程示意图,可以包括以下步骤:
步骤401、当浏览器启动时,创建光晕窗体;该光晕窗体为透明且带有光晕效果的窗体,光晕窗体大小与浏览器启动时标签大小相匹配。
作为一种可选的实施方式,上述步骤401中,创建光晕窗体可以包括以下步骤:
步骤21)、创建透明窗体;
步骤22)、在该透明窗体中加载光晕图片;该光晕图片为具有透明属性,且带有光晕效果的图片。
具体的,可以利用操作***(如windows操作***)提供的窗体创建功能,实现窗体创建,并通过调整窗体参数的方式,将所创建的窗体设置为透明窗体;创建完透明窗体后,可以在该透明窗体中加载预先制作并保存的光晕图片,该光晕图片具有透明属性,且带有光晕效果,从而实现了光晕窗体的创建,该光晕窗体透明,且带有光晕效果。
本发明实施例中,光晕窗体大小需要与浏览器启动时标签大小相匹配。
举例来说,假设浏览器启动时标签大小为10mm*50mm,则该光晕窗体大小可以也为10mm*50mm;或者,光晕窗体大小可以略大于标签大小,如12mm*50mm;或者,光晕窗体大小可以略小于标签大小,如9mm*48mm等。
优选地,为了使位于前台的标签更加明显,该光晕窗体大小可以略大于浏览器启动时标签大小,如光晕窗体的宽或/和长可以比标签的宽或/和长多一定比例,如10%,即光晕窗体的宽=(1+10%)标签的宽,或者,光晕窗体的面积比标签的面积大一定的比例,如10%,即光晕窗体的面积=(1+10%)标签的面积。
进一步优选地,为了防止光晕窗体对其他后台标签的影响,光晕窗体的宽可以略大于标签的宽,光晕窗体的长可以与标签的长相同,如,标签大小为10mm*50mm,光晕窗体可以为12mm*50mm。
需要注意的是,上述光晕窗体大小与标签大小的具体数值示例并不是对本发明保护范围的限定,即本发明实施例提供的技术方案中,光晕窗体大小与标签大小也可以为其他具体数值,在此不再具体限定。
步骤402、隐藏该光晕窗体。
步骤403、将隐藏后的光晕窗体移动到位于前台的标签处。
步骤404、显示该光晕窗体,并将光晕窗体设置在该位于前台的标签上。
本发明实施例中,当浏览器启动时,会触发创建光晕窗体,并将该光晕窗体移动到位于前台的标签处,由于该光晕窗体具有光晕效果,因此,当该光晕窗体移动到位于前台的标签处时,该位于前台的标签处区域也具有光晕效果,从而使用户能够快速地定位该位于前台的标签。
本发明实施例中,由于光晕窗体带有光晕效果,当该光晕窗体在浏览器显示界面中移动时,会产生闪烁效果,为了避免光晕窗体移动到位于前台的标签处的过程中,在浏览器显示界面中出现闪烁的效果,光晕窗体在移动到位于前台的标签处之前,可以设置为隐藏状态,即该光晕窗体存在,但对用户不可见,并将该光晕窗体在隐藏状态下移动到位于前台的标签处,并当该光晕窗体移动到位于前台的标签处后,显示该光晕窗体,并将该光晕窗体设置在该位于前台的标签上,从而避免了光晕窗体移动过程中的闪烁效果。
步骤405、在该光晕窗体中加载该位于前台的标签对应的网页的网页信息,以展示该网页信息。
本发明实施例中,浏览器加载网页时,可以通过浏览器内核获取该网页的网页信息,该网页信息包括但不限于网页标题、网页图标等。
举例来说,假设当前访问的网页为百度首页,当浏览器在加载网页时,可以通过浏览器内核获取百度首页的网页信息,如网页标题(如“百度一下,你就知道”),以及网页图标(即百度的logo)。
浏览器内核获取到网页标题以及网页图标等信息后,可以将该网页标题和网页图标通知给标签,由标签传递给光晕窗体,进而光晕窗体可以加载该网页标题以及网页图标,从而在浏览器中展示带有光晕效果的浏览器标签,其示意图可以如图3所示。
在图4所描述的流程中,通过将移动过程中的光晕窗体设置为隐藏状态,从而避免了光晕窗体在浏览器显示界面中移动造成的闪烁效果。
如图5所示,为本发明实施例提供的另一种浏览器标签展示方法的流程示意图,可以包括以下步骤:
步骤501、当浏览器启动时,创建光晕窗体;该光晕窗体为透明且带有光晕效果的窗体,光晕窗体大小与浏览器启动时标签大小相匹配。
作为一种可选的实施方式,上述步骤501中,创建光晕窗体可以包括以下步骤:
步骤31)、创建透明窗体;
步骤32)、在该透明窗体中加载光晕图片;该光晕图片为具有透明属性,且带有光晕效果的图片。
具体的,可以利用操作***(如windows操作***)提供的窗体创建功能,实现窗体创建,并通过调整窗体参数的方式,将所创建的窗体设置为透明窗体;创建完透明窗体后,可以在该透明窗体中加载预先制作并保存的光晕图片,该光晕图片具有透明属性,且带有光晕效果,从而实现了光晕窗体的创建,该光晕窗体透明,且带有光晕效果。
本发明实施例中,光晕窗体大小需要与浏览器启动时标签大小相匹配。
举例来说,假设浏览器启动时标签大小为10mm*50mm,则该光晕窗体大小可以也为10mm*50mm;或者,光晕窗体大小可以略大于标签大小,如12mm*50mm;或者,光晕窗体大小可以略小于标签大小,如9mm*48mm等。
优选地,为了使位于前台的标签更加明显,该光晕窗体大小可以略大于浏览器启动时标签大小,如光晕窗体的宽或/和长可以比标签的宽或/和长多一定比例,如10%,即光晕窗体的宽=(1+10%)标签的宽,或者,光晕窗体的面积比标签的面积大一定的比例,如10%,即光晕窗体的面积=(1+10%)标签的面积。
进一步优选地,为了防止光晕窗体对其他后台标签的影响,光晕窗体的宽可以略大于标签的宽,光晕窗体的长可以与标签的长相同,如,标签大小为10mm*50mm,光晕窗体可以为12mm*50mm。
需要注意的是,上述光晕窗体大小与标签大小的具体数值示例并不是对本发明保护范围的限定,即本发明实施例提供的技术方案中,光晕窗体大小与标签大小也可以为其他具体数值,在此不再具体限定。
步骤502、将光晕窗体移动到位于前台的标签处。
本发明实施例中,当浏览器启动时,会触发创建光晕窗体,并将该光晕窗体移动到位于前台的标签处,由于该光晕窗体具有光晕效果,因此,当该光晕窗体移动到位于前台的标签处时,该位于前台的标签处区域也具有光晕效果,从而使用户能够快速地定位该位于前台的标签。
本发明实施例中,将光晕窗体移动到位于前台的标签处,可以包括以下步骤:
步骤41)、隐藏该光晕窗体。
步骤42)、将隐藏后的光晕窗体移动到位于前台的标签处。
步骤43)、显示该光晕窗体,并将光晕窗体设置在该位于前台的标签上。
通过上述步骤41)~43)的处理流程,可以避免光晕窗体在浏览器显示界面中移动时造成的光晕效果。
步骤503、在该光晕窗体中加载该位于前台的标签对应的网页的网页信息,以展示该网页信息。
本发明实施例中,浏览器加载网页时,可以通过浏览器内核获取该网页的网页信息,该网页信息包括但不限于网页标题、网页图标等。
举例来说,假设当前访问的网页为百度首页,当浏览器在加载网页时,可以通过浏览器内核获取百度首页的网页信息,如网页标题(如“百度一下,你就知道”),以及网页图标(即百度的logo)。
浏览器内核获取到网页标题以及网页图标等信息后,可以将该网页标题和网页图标通知给标签,由标签传递给光晕窗体,进而光晕窗体可以加载该网页标题以及网页图标,从而在浏览器中展示带有光晕效果的浏览器标签,其示意图可以如图3所示。
步骤504、当接收到将浏览器标签切换至目标标签的指令时,隐藏该光晕窗体。
步骤505、将隐藏后的该光晕窗体移动至目标标签处。
步骤506、将该光晕窗体中显示的网页信息更换为该目标标签对应的网页的网页信息。
步骤507、显示该光晕窗体,并将该光晕窗体设置在该目标标签上。
本发明实施例中,将浏览器标签切换至目标标签的指令可以包括新建标签的指令(目标标签为该新建的标签)、将浏览器标签切换至另一个已建立标签的标签切换指令(如从标签A切换至标签B,目标标签即为该标签B)等。
举例来说,当用户通过浏览器浏览网页时,假设用户当前正在访问新浪首页,若用户通过点击“新闻”,并在功能菜单中选择“在新标签中打开”的方式请求访问新浪新闻网页,浏览器会在当前窗口中新建一个标签,并在该标签中加载新浪新闻网页,并将浏览器标签切换至该新建的标签。
又举例来说,当用户通过浏览器浏览网页时,假设用户在同一浏览器窗口中的不同标签中分别打开了百度和新浪网页,且用户当前正在访问新浪网页,若用户用鼠标点击百度网页对应的标签时,浏览器会将标签切换至百度网页对应的标签。
本发明实施例中,当接收到将浏览器标签切换至目标标签的指令时,需要将光晕窗体从当前位于前台的标签处移动到目标标签处。
由于光晕窗体在移动到目标标签处之前,已经加载了该当前位于前台的标签的网页标题和网页图标,因此,为了防止光晕窗体移动到目标标签处时,显示的网页标题和网页图标与目标标签对应的网页的网页标题和网页图标不符,并为了避免光晕窗体在移动过程中的闪烁效果,本发明实施例中,当需要将光晕窗体从当前位于前台的标签处移动到目标标签处时,可以先将该光晕窗体设置为隐藏状态,然后将该隐藏状态的光晕窗体移动到目标标签处,并将该光晕窗体中显示的网页信息更换为该目标标签对应的网页的网页标题和网页图标,进而显示该光晕窗体,并将该光晕窗体设置在该目标标签上。
举例来说,当用户通过浏览器浏览网页时,假设用户在同一浏览器窗口中的不同标签中分别打开了百度和新浪网页,且用户当前正在访问新浪网页,若用户用鼠标点击百度网页对应的标签时,浏览器可以将光晕窗体设置为隐藏状态,并将该隐藏状态的光晕窗体从当前位于前台的标签(新浪网页对应的标签)处移动到目标标签(百度网页对应的标签)处,并将该光晕窗体中显示的网页标题(如“新浪首页”)和网页图标(即新浪的logo)更换为该目标标签对应的网页的网页标题(如“百度一下,你就知道”)和网页图标(即百度的logo),进而显示该光晕窗体,并将该光晕窗体设置在目标标签上.
在图5所描述的流程中,通过在需要进行标签切换时,将移动过程中的光晕窗体设置为隐藏状态,一方面避免了光晕窗体在浏览器显示界面中移动造成的闪烁效果,另一方面,防止了光晕窗体中显示的网页信息与目标标签对应的网页不符。
如图6所示,为本发明实施例提供的另一种浏览器标签展示方法的流程示意图,可以包括以下步骤:
步骤601、当浏览器启动时,创建光晕窗体;该光晕窗体为透明且带有光晕效果的窗体,光晕窗体大小与浏览器启动时标签大小相匹配。
作为一种可选的实施方式,上述步骤601中,创建光晕窗体可以包括以下步骤:
步骤51)、创建透明窗体;
步骤52)、在该透明窗体中加载光晕图片;该光晕图片为具有透明属性,且带有光晕效果的图片。
具体的,可以利用操作***(如windows操作***)提供的窗体创建功能,实现窗体创建,并通过调整窗体参数的方式,将所创建的窗体设置为透明窗体;创建完透明窗体后,可以在该透明窗体中加载预先制作并保存的光晕图片,该光晕图片具有透明属性,且带有光晕效果,从而实现了光晕窗体的创建,该光晕窗体透明,且带有光晕效果。
本发明实施例中,光晕窗体大小需要与浏览器启动时标签大小相匹配。
举例来说,假设浏览器启动时标签大小为10mm*50mm,则该光晕窗体大小可以也为10mm*50mm;或者,光晕窗体大小可以略大于标签大小,如12mm*50mm;或者,光晕窗体大小可以略小于标签大小,如9mm*48mm等。
优选地,为了使位于前台的标签更加明显,该光晕窗体大小可以略大于浏览器启动时标签大小,如光晕窗体的宽或/和长可以比标签的宽或/和长多一定比例,如10%,即光晕窗体的宽=(1+10%)标签的宽,或者,光晕窗体的面积比标签的面积大一定的比例,如10%,即光晕窗体的面积=(1+10%)标签的面积。
进一步优选地,为了防止光晕窗体对其他后台标签的影响,光晕窗体的宽可以略大于标签的宽,光晕窗体的长可以与标签的长相同,如,标签大小为10mm*50mm,光晕窗体可以为12mm*50mm。
需要注意的是,上述光晕窗体大小与标签大小的具体数值示例并不是对本发明保护范围的限定,即本发明实施例提供的技术方案中,光晕窗体大小与标签大小也可以为其他具体数值,在此不再具体限定。
步骤602、将光晕窗体移动到位于前台的标签处。
本发明实施例中,当浏览器启动时,会触发创建光晕窗体,并将该光晕窗体移动到位于前台的标签处,由于该光晕窗体具有光晕效果,因此,当该光晕窗体移动到位于前台的标签处时,该位于前台的标签处区域也具有光晕效果,从而使用户能够快速地定位该位于前台的标签。
步骤603、在该光晕窗体中加载该位于前台的标签对应的网页的网页信息,以展示该网页信息。
本发明实施例中,浏览器加载网页时,可以通过浏览器内核获取该网页的网页信息,该网页信息包括但不限于网页标题、网页图标等。
举例来说,假设当前访问的网页为百度首页,当浏览器在加载网页时,可以通过浏览器内核获取百度首页的网页信息,如网页标题(如“百度一下,你就知道”),以及网页图标(即百度的logo)。
浏览器内核获取到网页标题以及网页图标等信息后,可以将该网页标题和网页图标通知给标签,由标签传递给光晕窗体,进而光晕窗体可以加载该网页标题以及网页图标,从而在浏览器中展示带有光晕效果的浏览器标签,其示意图可以如图3所示。
步骤604、当浏览器标签大小发生变化时,适应性调整光晕窗体大小,以保证光晕窗体大小与浏览器标签大小相匹配。
本发明实施例中,当浏览器标签大小发生变化时,如用户调整浏览器显示界面大小,或浏览器标签栏中新建标签的数量超过一定数值,需要适应性调整光晕窗体大小,以保证光晕窗体大小与浏览器标签大小相匹配。
举例来说,当用户通过浏览器浏览网页时,将浏览器窗口调整为最大化状态下60%大小,假设此时,浏览器标签的宽与浏览器窗口最大化状态相同,长变化为浏览器窗口最大化状态时60%,则可以适应性地调整光晕窗体的大小,如将光晕窗体的长调整为浏览器窗口最大化状态时60%,宽保持不变。
又举例来说,当用户通过浏览器浏览网页时,若新建标签的数量较多,标签栏无法完整显示所有标签,假设此时,浏览器标签的宽与标签完整显示时相同,长变化为浏览器标签完整显示时的50%,则可以适应性地调整光晕窗体的大小,如将光晕窗体的长调整为浏览器标签完整显示时的50%,宽保持不变。
在图6所描述的流程中,当浏览器标签大小发生变化时,通过适应性调整光晕窗体大小,保证了光晕窗体大小与浏览器标签大小相匹配,从而在保证了位于前台的标签醒目的同时,避免了光晕窗体与相邻标签区域重叠,保证了用户能够快速定位位于前台的标签。
进一步地,本发明实施例中,当用户结束网页访问点击关闭浏览器,或浏览器因其他关闭时,可以删除该光晕窗体,以避免光晕窗体对***资源不必要的占用,节省***资源。
通过以上描述可以看出,在本发明实施例提供的技术方案中,当浏览器启动时,创建光晕窗体,并将光晕窗体移动到位于前台的标签处,进而在该光晕窗体中加载该位于前台的标签对应的网页的网页标题和网页图标,通过带有光晕效果的光晕窗体使得位于前台的标签更加醒目,从而保证用户能够快速定位位于前台的标签。
基于上述方法实施例相同的技术构思,本发明实施例还提供了一种浏览器标签展示装置,可以应用于上述方法实施例。
如图7所示,为本发明实施例提供的一种浏览器标签展示装置,可以包括:
创建模块701,用于当浏览器启动时,创建光晕窗体;所述光晕窗体为透明且带有光晕效果的窗体,光晕窗体大小与所述浏览器启动时标签大小相匹配;
第一移动模块702,用于将所述光晕窗体移动到位于前台的标签处;
展示模块703,用于在所述光晕窗体中加载所述位于前台的标签对应的网页的网页信息,以展示所述网页信息;所述网页信息包括网页标题和网页图标。
请一并参阅图8,图8是本发明实施例公开的另一种浏览器标签展示装置的结构示意图。其中,图8所示的浏览器标签展示装置是由图7所示的浏览器标签展示装置进行优化得到的,与图7所示的浏览器标签展示装置相比,图8所示的浏览器标签展示装置中,创建模块701可以包括:
创建单元7011,用于创建透明窗体;
加载单元7012,用于在所述透明窗体中加载光晕图片;其中,所述光晕图片为具体透明属性,且带有光晕效果的图片。
请一并参阅图9,图9是本发明实施例公开的另一种浏览器标签展示装置的结构示意图。其中,图9所示的浏览器标签展示装置是由图7所示的浏览器标签展示装置进行优化得到的,与图7所示的浏览器标签展示装置相比,图9所示的浏览器标签展示装置中,第一移动模块702可以包括:
隐藏单元7021,用于隐藏所述光晕窗体;
移动单元7022,用于将隐藏后的所述光晕窗体移动到所述位于前台的标签处;
显示单元7023,用于显示所述光晕窗体,并将所述光晕窗体设置在所述位于前台的标签上。
请一并参阅图10,图10是本发明实施例公开的另一种浏览器标签展示装置的结构示意图。其中,图10所示的浏览器标签展示装置是由图7所示的浏览器标签展示装置进行优化得到的,与图7所示的浏览器标签展示装置相比,图10所示的浏览器标签展示装置还可以包括:
隐藏模块704,用于当接收到将浏览器标签切换至目标标签的指令时,隐藏所述光晕窗体;
第二移动模块705,用于将隐藏后的所述光晕窗体移动至所述目标标签处;
更换模块706,用于将所述光晕窗体中显示的网页信息更换为所述目标标签对应的网页的网页信息;
显示模块707,用于显示所述光晕窗体,并将所述光晕窗体设置在所述目标标签上。
请一并参阅图11,图11是本发明实施例公开的另一种浏览器标签展示装置的结构示意图。其中,图11所示的浏览器标签展示装置是由图7所示的浏览器标签展示装置进行优化得到的,与图7所示的浏览器标签展示装置相比,图11所示的浏览器标签展示装置还可以包括:
调整模块708,用于当所述浏览器标签大小发生变化时,适应性调整所述光晕窗体大小,以保证所述光晕窗体大小与所述浏览器标签大小相匹配。
请一并参阅图12,图12是本发明实施例公开的另一种浏览器标签展示装置的结构示意图。其中,图12所示的浏览器标签展示装置是由图7所示的浏览器标签展示装置进行优化得到的,与图7所示的浏览器标签展示装置相比,图12所示的浏览器标签展示装置还可以包括:
删除模块709,用于当所述浏览器关闭时,删除所述光晕窗体。
图13是本发明实施例中提供的另一种浏览器标签展示装置的结构示意图。如图13所示,该浏览器标签展示装置包括:至少一个处理器1301,例如CPU,至少一个用户接口1303,存储器1304,至少一个通信总线1302。其中,通信总线1302用于实现这些组件之间的连接通信。其中,用户接口1303可以包括显示屏(Display)、键盘(Keyboard),可选用户接口1303还可以包括标准的有线接口、无线接口。存储器1304可以是高速RAM存储器,也可以是非不稳定的存储器(non-volatile memory),例如至少一个磁盘存储器。存储器1304可选的还可以是至少一个位于远离前述处理器1301的存储装置。其中存储器1304中存储一组程序代码,且处理器1301调用存储器1304中存储的程序代码,用于执行以下操作:
当浏览器启动时,创建光晕窗体;所述光晕窗体为透明且带有光晕效果的窗体,光晕窗体大小与所述浏览器启动时标签大小相匹配;
将所述光晕窗体移动到位于前台的标签处;
在所述光晕窗体中加载所述位于前台的标签对应的网页的网页信息,以展示所述网页信息;所述网页信息包括网页标题和网页图标。
在可选实施例中,处理器1301调用存储器1304中存储的程序代码创建光晕窗体,可以具体包括:
创建透明窗体;
在所述透明窗体中加载光晕图片;其中,所述光晕图片为具体透明属性,且带有光晕效果的图片。
在可选实施例中,处理器1301调用存储器1304中存储的程序代码将所述光晕窗体移动到位于前台的标签处,可以具体包括:
隐藏所述光晕窗体;
将隐藏后的所述光晕窗体移动到所述位于前台的标签处;
显示所述光晕窗体,并将所述光晕窗体设置在所述位于前台的标签上。
在可选实施例中,处理器1301调用存储器1304中存储的程序代码在所述光晕窗体中加载所述位于前台的标签对应的网页的网页信息之后,还可以执行以下操作:
当接收到将浏览器标签切换至目标标签的指令时,隐藏所述光晕窗体;
将隐藏后的所述光晕窗体移动至所述目标标签处;
将所述光晕窗体中显示的网页信息更换为所述目标标签对应的网页的网页信息;
显示所述光晕窗体,并将所述光晕窗体设置在所述目标标签上。
在可选实施例中,处理器1301调用存储器1304中存储的程序代码还可以执行以下操作:
当所述浏览器标签大小发生变化时,适应性调整所述光晕窗体大小,以保证所述光晕窗体大小与所述浏览器标签大小相匹配。
在可选实施例中,处理器1301调用存储器1304中存储的程序代码还可以执行以下操作:
当所述浏览器关闭时,删除所述光晕窗体。
本发明实施例还提供了一种终端,可以包括如图7-13所示的任一浏览器标签展示装置。
在本说明书的描述中,参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中,对上述术语的示意性表述不必须针对的是相同的实施例或示例。而且,描述的具体特征、结构、材料或者特点可以在任一个或多个实施例或示例中以合适的方式结合。此外,在不相互矛盾的情况下,本领域的技术人员可以将本说明书中描述的不同实施例或示例以及不同实施例或示例的特征进行结合和组合。
此外,术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本发明的描述中,“多个”的含义是至少两个,例如两个,三个等,除非另有明确具体的限定。
流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为,表示包括一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、片段或部分,并且本发明的优选实施方式的范围包括另外的实现,其中可以不按所示出或讨论的顺序,包括根据所涉及的功能按基本同时的方式或按相反的顺序,来执行功能,这应被本发明的实施例所属技术领域的技术人员所理解。
在流程图中表示或在此以其他方式描述的逻辑和/或步骤,例如,可以被认为是用于实现逻辑功能的可执行指令的定序列表,可以具体实现在任何计算机可读介质中,以供指令执行***、装置或设备(如基于计算机的***、包括处理器的***或其他可以从指令执行***、装置或设备取指令并执行指令的***)使用,或结合这些指令执行***、装置或设备而使用。就本说明书而言,"计算机可读介质"可以是任何可以包含、存储、通信、传播或传输程序以供指令执行***、装置或设备或结合这些指令执行***、装置或设备而使用的装置。计算机可读介质的更具体的示例(非穷尽性列表)包括以下:具有一个或多个布线的电连接部(电子装置),便携式计算机盘盒(磁装置),随机存取存储器(RAM),只读存储器(ROM),可擦除可编辑只读存储器(EPROM或闪速存储器),光纤装置,以及便携式光盘只读存储器(CDROM)。另外,计算机可读介质甚至可以是可在其上打印所述程序的纸或其他合适的介质,因为可以例如通过对纸或其他介质进行光学扫描,接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序,然后将其存储在计算机存储器中。
应当理解,本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中,多个步骤或方法可以用存储在存储器中且由合适的指令执行***执行的软件或固件来实现。例如,如果用硬件来实现,和在另一实施方式中一样,可用本领域公知的下列技术中的任一项或他们的组合来实现:具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路,具有合适的组合逻辑门电路的专用集成电路,可编程门阵列(PGA),现场可编程门阵列(FPGA)等。
本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,该程序在执行时,包括方法实施例的步骤之一或其组合。
此外,在本发明各个实施例中的各功能单元可以集成在一个处理模块中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个模块中。上述集成的模块既可以采用硬件的形式实现,也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时,也可以存储在一个计算机可读取存储介质中。
上述提到的存储介质可以是只读存储器,磁盘或光盘等。尽管上面已经示出和描述了本发明的实施例,可以理解的是,上述实施例是示例性的,不能理解为对本发明的限制,本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改、替换和变型。
Claims (11)
1.一种浏览器标签展示方法,其特征在于,包括:
当浏览器启动时,创建光晕窗体;所述光晕窗体为透明且带有光晕效果的窗体,光晕窗体大小与所述浏览器启动时标签大小相匹配;
将所述光晕窗体移动到位于前台的标签处;
在所述光晕窗体中加载所述位于前台的标签对应的网页的网页信息,以展示所述网页信息;所述网页信息包括网页标题和网页图标;
其中,所述将所述光晕窗体移动到位于前台的标签处,包括:
隐藏所述光晕窗体;
将隐藏后的所述光晕窗体移动到所述位于前台的标签处;
显示所述光晕窗体,并将所述光晕窗体设置在所述位于前台的标签上。
2.如权利要求1所述的方法,其特征在于,所述创建光晕窗体,包括:
创建透明窗体;
在所述透明窗体中加载光晕图片;其中,所述光晕图片为具体透明属性,且带有光晕效果的图片。
3.如权利要求1所述的方法,其特征在于,所述在所述光晕窗体中加载所述位于前台的标签对应的网页的网页信息之后,还包括:
当接收到将浏览器标签切换至目标标签的指令时,隐藏所述光晕窗体;
将隐藏后的所述光晕窗体移动至所述目标标签处;
将所述光晕窗体中显示的网页信息更换为所述目标标签对应的网页的网页信息;
显示所述光晕窗体,并将所述光晕窗体设置在所述目标标签上。
4.如权利要求1所述的方法,其特征在于,该方法还包括:
当所述浏览器标签大小发生变化时,适应性调整所述光晕窗体大小,以保证所述光晕窗体大小与所述浏览器标签大小相匹配。
5.如权利要求1所述的方法,其特征在于,该方法还包括:
当所述浏览器关闭时,删除所述光晕窗体。
6.一种浏览器标签展示装置,其特征在于,包括:
创建模块,用于当浏览器启动时,创建光晕窗体;所述光晕窗体为透明且带有光晕效果的窗体,光晕窗体大小与所述浏览器启动时标签大小相匹配;
第一移动模块,用于将所述光晕窗体移动到位于前台的标签处;
展示模块,用于在所述光晕窗体中加载所述位于前台的标签对应的网页的网页信息,以展示所述网页信息;所述网页信息包括网页标题和网页图标;
其中,所述第一移动模块包括:
隐藏单元,用于隐藏所述光晕窗体;
移动单元,用于将隐藏后的所述光晕窗体移动到所述位于前台的标签处;
显示单元,用于显示所述光晕窗体,并将所述光晕窗体设置在所述位于前台的标签上。
7.如权利要求6所述的装置,其特征在于,所述创建模块包括:
创建单元,用于创建透明窗体;
加载单元,用于在所述透明窗体中加载光晕图片;其中,所述光晕图片为具体透明属性,且带有光晕效果的图片。
8.如权利要求6所述的装置,其特征在于,所述装置还包括:
隐藏模块,用于当接收到将浏览器标签切换至目标标签的指令时,隐藏所述光晕窗体;
第二移动模块,用于将隐藏后的所述光晕窗体移动至所述目标标签处;
更换模块,用于将所述光晕窗体中显示的网页信息更换为所述目标标签对应的网页的网页信息;
显示模块,用于显示所述光晕窗体,并将所述光晕窗体设置在所述目标标签上。
9.如权利要求6所述的装置,其特征在于,还包括:
调整模块,用于当所述浏览器标签大小发生变化时,适应性调整所述光晕窗体大小,以保证所述光晕窗体大小与所述浏览器标签大小相匹配。
10.如权利要求6所述的装置,其特征在于,还包括:
删除模块,用于当所述浏览器关闭时,删除所述光晕窗体。
11.一种终端,其特征在于,包括如权利要求6-10任一项所述的浏览器标签展示装置。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410433505.7A CN104182237B (zh) | 2014-08-28 | 2014-08-28 | 一种浏览器标签展示方法、装置及终端 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410433505.7A CN104182237B (zh) | 2014-08-28 | 2014-08-28 | 一种浏览器标签展示方法、装置及终端 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104182237A CN104182237A (zh) | 2014-12-03 |
CN104182237B true CN104182237B (zh) | 2017-11-07 |
Family
ID=51963316
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410433505.7A Active CN104182237B (zh) | 2014-08-28 | 2014-08-28 | 一种浏览器标签展示方法、装置及终端 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104182237B (zh) |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1698048A (zh) * | 2002-09-13 | 2005-11-16 | 雅虎公司 | 改进的浏览器用户界面 |
CN102033943A (zh) * | 2010-12-21 | 2011-04-27 | 广州市动景计算机科技有限公司 | 基于移动通讯设备终端的多窗口浏览方法及其*** |
CN102929617A (zh) * | 2012-10-18 | 2013-02-13 | 广东威创视讯科技股份有限公司 | 一种Web软件UI界面的换肤方法 |
CN103412939A (zh) * | 2013-08-21 | 2013-11-27 | 广州市动景计算机科技有限公司 | 浏览模式的切换方法及*** |
CN103514310A (zh) * | 2012-06-26 | 2014-01-15 | 上海宝信软件股份有限公司 | 一种it基础设施拓扑可视化编辑与展示方法 |
-
2014
- 2014-08-28 CN CN201410433505.7A patent/CN104182237B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1698048A (zh) * | 2002-09-13 | 2005-11-16 | 雅虎公司 | 改进的浏览器用户界面 |
CN102033943A (zh) * | 2010-12-21 | 2011-04-27 | 广州市动景计算机科技有限公司 | 基于移动通讯设备终端的多窗口浏览方法及其*** |
CN103514310A (zh) * | 2012-06-26 | 2014-01-15 | 上海宝信软件股份有限公司 | 一种it基础设施拓扑可视化编辑与展示方法 |
CN102929617A (zh) * | 2012-10-18 | 2013-02-13 | 广东威创视讯科技股份有限公司 | 一种Web软件UI界面的换肤方法 |
CN103412939A (zh) * | 2013-08-21 | 2013-11-27 | 广州市动景计算机科技有限公司 | 浏览模式的切换方法及*** |
Also Published As
Publication number | Publication date |
---|---|
CN104182237A (zh) | 2014-12-03 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104317474B (zh) | 窗口切换方法及装置 | |
CN103853729B (zh) | 页面加载方法及其*** | |
CN109085965B (zh) | 笔记生成方法、电子设备及计算机存储介质 | |
US8386955B1 (en) | User-optimized content for web browsing windows | |
US9524344B2 (en) | User interface for online ads | |
CN104035984B (zh) | 一种浏览器中进行弹窗拦截的方法和一种弹窗拦截的装置 | |
CN104133884B (zh) | 显示网页的方法及装置 | |
US10878175B2 (en) | Portlet display on portable computing devices | |
CN103473016B (zh) | 多窗口显示方法及触控终端 | |
CN103019557B (zh) | 页面切换方法和装置 | |
CN106775301A (zh) | 一种终端的截图方法和终端设备 | |
KR20140012664A (ko) | 웹페이지 재배치 방법 | |
CN102214079A (zh) | 微件数据的显示方法和装置 | |
CN108255923A (zh) | 图像展示方法、设备及电子设备 | |
CN107480148A (zh) | 控制网页跳转的方法及装置及用户终端 | |
CN103856507B (zh) | 网络动态图片的静态显示方法和装置 | |
CN104598103B (zh) | 一种页面中处理图形的方法和装置 | |
CN103034683A (zh) | 用于浏览器的页面切换方法和装置 | |
CN104346463A (zh) | 一种页面标签的加载方法、装置和浏览器客户端 | |
CN104866318A (zh) | 一种多窗口中标签页的展示方法及装置 | |
CN110119515A (zh) | 一种翻译方法、装置、终端及可读存储介质 | |
CN108205456A (zh) | 一种跨进程的窗口渲染方法、设备及存储介质 | |
EP2786238A1 (en) | Method and device for processing tabbed-page | |
CN104182533B (zh) | 一种浏览器标签切换方法、装置及终端 | |
CN103345497B (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right |
Effective date of registration: 20181206 Address after: Room 105-53811, No. 6 Baohua Road, Hengqin New District, Zhuhai City, Guangdong Province Patentee after: Zhuhai Leopard Technology Co.,Ltd. Address before: 100085 East District, Second Floor, 33 Xiaoying West Road, Haidian District, Beijing Patentee before: BEIJING KINGSOFT INTERNET SECURITY SOFTWARE Co.,Ltd. |
|
TR01 | Transfer of patent right |