CN103955476A - 一种浏览器中页面标签头的绘制方法、装置和浏览器 - Google Patents
一种浏览器中页面标签头的绘制方法、装置和浏览器 Download PDFInfo
- Publication number
- CN103955476A CN103955476A CN201410127062.9A CN201410127062A CN103955476A CN 103955476 A CN103955476 A CN 103955476A CN 201410127062 A CN201410127062 A CN 201410127062A CN 103955476 A CN103955476 A CN 103955476A
- Authority
- CN
- China
- Prior art keywords
- page
- tag head
- tag
- current
- head
- 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
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明实施例提供了一种浏览器中页面标签头的绘制方法、装置和浏览器,所述的方法包括:通过触控焦点对当前页面标签头中关闭标识的触发,关闭所述当前页面标签头;依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。用户不用手动将触控焦点移动到页面标签头的关闭标识处,即可直接通过触控焦点触发关闭标识,大大提高了操作的简便性。
Description
技术领域
本发明涉及浏览器的技术领域,特别是涉及一种浏览器中页面标签头的绘制方法、一种浏览器中页面标签头的绘制装置和一种浏览器。
背景技术
浏览器是指可以显示网页服务器或者文件系统的HTML(HyperTextMarkup Language,超文本标记语言)文件内容,并让用户与这些文件交互的一种应用程序。浏览器主要通过HTTP协议与网页服务器交互并获取网页,这些网页由URL指定,文件格式通常为HTML,并由MIME在HTTP协议中指明。一个网页中可以包括多个文档,每个文档都是分别从服务器获取的。大部分的浏览器本身支持除了HTML之外的广泛的格式,例如JPEG、PNG、GIF等图像格式,并且能够扩展支持众多的插件(plug-ins)。另外,许多浏览器还支持其他的URL类型及其相应的协议,如FTP、Gopher、HTTPS(HTTP协议的加密版本)。HTTP内容类型和URL协议规范允许网页设计者在网页中嵌入图像、动画、视频、声音、流媒体等。
目前的浏览器多是多标签(Tab)显示网页的,对于不同的网页链接都是在不同的页面标签中进行加载渲染,以便用户进行阅览。
标签在删除后的重绘,通常是按照标准大小尺寸进行标签的绘制。对于关闭后的剩下的标签的重绘,标签的大小发生了变化,关闭按钮的位置也发生了变化,和当前鼠标点的位置不是一致的,用户不得不手动地自己移动鼠标位置,以将鼠标移动到标签的关闭按钮处才行,操作十分麻烦。尤其对于众多的标签,难以进行精准的移动,操作效率十分低。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种浏览器中页面标签头的绘制方法和相应的一种浏览器中页面标签头的绘制装置和一种浏览器。
依据本发明的一个方面,提供了一种浏览器中页面标签头的绘制方法,包括:
通过触控焦点对当前页面标签头中关闭标识的触发,关闭所述当前页面标签头;
依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
可选地,所述触控焦点对当前页面标签头中关闭标识的触发包括:
触控焦点通过点击当前页面标签头中的关闭标识触发关闭标识;
和/或,
触控焦点通过将当前页面标签头移出浏览器标签栏触发当前页面标签中的关闭标识。
可选地,所述依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度的步骤包括:
当被关闭的页面标签头为最后一个页面标签头时,通过公式S=N*Wnew确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
当Wnew>Wmax时,Wnew取值Wmax;当Wnew<Wmin时,Wnew取值Wmin;
其中,S为浏览器标签栏的长度,N为所述当前页面标签头关闭后页面标签头的数量,Wnew为页面标签头的目标宽度,Wmin为页面标签头的最小宽度,Wmax为页面标签头的最大宽度。
可选地,所述依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度的步骤包括:
当被关闭的页面标签头为非最后一个页面标签头时,确定当前页面标签头的宽度最为中绘制的页面标签头的目标宽度。
可选地,所述依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点的步骤包括:
确定当前标签页面对应的页面标签头;
分别按照所述目标宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
可选地,所述依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点的步骤还包括:
当满足条件S≥N*Wmax且被关闭的页面标签头为最后一个页面标签头时,将触控焦点移动到当前在浏览器标签栏中其中一个页面标签头的关闭标识的位置上;
其中,S为浏览器标签栏的长度,N为所述当前页面标签头关闭后页面标签头的数量,Wmax为页面标签头的最大宽度。
可选地,触控焦点移动的位置的横坐标为(N*Wnew-H/2),纵坐标为D/2;
其中,N为所述当前页面标签头关闭后页面标签头的数量,Wnew为页面标签头的目标宽度,H为关闭标识的宽度,D为浏览器标签栏的高度。
可选地,所述确定当前标签页面对应的页面标签头的步骤包括:
在预置的存储对象中查找当前标签网页对应的页面标识;
查找该页面标识对应的页面标签头。
可选地,还包括:
当触控焦点将当前页面标签头移出浏览器标签栏时,在所述触控焦点所在的位置生成所述页面标签头对应的标签网页的缩略图;
当监测到触控焦点针对所述页面标签头的释放事件时,启动浏览器窗口;
在所述浏览器窗口中加载所述页面标签头对应的标签网页。
可选地,还包括:
通过触控焦点对浏览器标签栏中新增标识的触发,新增当前页面标签头;
依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
可选地,所述依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度的步骤包括:
通过公式S=M*Wnew确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
当Wnew>Wmax时,Wnew取值Wmax;当Wnew<Wmin时,Wnew取值Wmin;
其中,S为浏览器标签栏的长度,M为新增页面标签头后页面标签头的数量,Wnew为页面标签头的目标宽度,Wmin为页面标签头的最小宽度,Wmax为页面标签头的最大宽度。
可选地,所述依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点的步骤包括:
确定当前标签页面对应的页面标签头;
分别按照所述目标宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
可选地,所述依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点的步骤还包括:
当满足条件S≥M*Wmax时,将触控焦点移动到当前在浏览器标签栏中其中一个页面标签头的关闭标识的位置上;
其中,S为浏览器标签栏的长度,M为新增页面标签头后页面标签头的数量,Wmax为页面标签头的最大宽度。
可选地,触控焦点移动的位置的横坐标为(M*Wnew-H/2),纵坐标为D/2;
其中,M为新增页面标签头后页面标签头的数量,Wnew为页面标签头的目标宽度,H为关闭标识的宽度,D为浏览器标签栏的高度。
可选地,所述确定当前标签页面对应的页面标签头的步骤包括:
在预置的存储对象中查找当前标签网页对应的页面标识;
查找该页面标识对应的页面标签头。
可选地,还包括:
当触控焦点触发当前标签页面的位置交换操作时,依据当前页面标签头的宽度重新绘制当前在浏览器标签栏中绘制的页面标签头。
可选地,所述依据当前页面标签头的宽度重新绘制当前在浏览器标签栏中绘制的页面标签头的步骤包括:
确定当前标签页面对应的页面标签头;
分别当前页面标签头的宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
可选地,所述确定当前标签页面对应的页面标签头的步骤包括:
在预置的存储对象中查找当前标签网页对应的页面标识;
查找该页面标识对应的页面标签头。
根据本发明的另一方面,提供了一种浏览器中页面标签头的绘制装置,包括:
关闭模块,适于通过触控焦点对当前页面标签头中关闭标识的触发,关闭所述当前页面标签头;
第一确定模块,适于依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
第一绘制模块,适于依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
可选地,所述触控焦点对当前页面标签头中关闭标识的触发包括:
触控焦点通过点击当前页面标签头中的关闭标识触发关闭标识;
和/或,
触控焦点通过将当前页面标签头移出浏览器标签栏触发当前页面标签中的关闭标识。
可选地,所述第一确定模块还适于:
当被关闭的页面标签头为最后一个页面标签头时,通过公式S=N*Wnew确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
当Wnew>Wmax时,Wnew取值Wmax;当Wnew<Wmin时,Wnew取值Wmin;
其中,S为浏览器标签栏的长度,N为所述当前页面标签头关闭后页面标签头的数量,Wnew为页面标签头的目标宽度,Wmin为页面标签头的最小宽度,Wmax为页面标签头的最大宽度。
可选地,所述第一确定模块还适于:
当被关闭的页面标签头为非最后一个页面标签头时,确定当前页面标签头的宽度最为中绘制的页面标签头的目标宽度。
可选地,所述第一绘制模块还适于:
确定当前标签页面对应的页面标签头;
分别按照所述目标宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
可选地,所述第一绘制模块还适于:
当满足条件S≥N*Wmax且被关闭的页面标签头为最后一个页面标签头时,将触控焦点移动到当前在浏览器标签栏中其中一个页面标签头的关闭标识的位置上;
其中,S为浏览器标签栏的长度,N为所述当前页面标签头关闭后页面标签头的数量,Wmax为页面标签头的最大宽度。
可选地,触控焦点移动的位置的横坐标为(N*Wnew-H/2),纵坐标为D/2;
其中,N为所述当前页面标签头关闭后页面标签头的数量,Wnew为页面标签头的目标宽度,H为关闭标识的宽度,D为浏览器标签栏的高度。
可选地,所述第一绘制模块还适于:
在预置的存储对象中查找当前标签网页对应的页面标识;
查找该页面标识对应的页面标签头。
可选地,还包括:
显示模块,适于在触控焦点将当前页面标签头移出浏览器标签栏时,在所述触控焦点所在的位置生成所述页面标签头对应的标签网页的缩略图;
启动模块,适于在监测到触控焦点针对所述页面标签头的释放事件时,启动浏览器窗口;
加载模块,适于在所述浏览器窗口中加载所述页面标签头对应的标签网页。
可选地,还包括:
新增模块,适于通过触控焦点对浏览器标签栏中新增标识的触发,新增当前页面标签头;
第二确定模块,适于依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
第二绘制模块,适于依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
可选地,所述第二确定模块还适于:
通过公式S=M*Wnew确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
当Wnew>Wmax时,Wnew取值Wmax;当Wnew<Wmin时,Wnew取值Wmin;
其中,S为浏览器标签栏的长度,M为新增页面标签头后页面标签头的数量,Wnew为页面标签头的目标宽度,Wmin为页面标签头的最小宽度,Wmax为页面标签头的最大宽度。
可选地,所述第二绘制模块还适于:
确定当前标签页面对应的页面标签头;
分别按照所述目标宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
可选地,所述第二绘制模块还适于:
当满足条件S≥M*Wmax时,将触控焦点移动到当前在浏览器标签栏中其中一个页面标签头的关闭标识的位置上;
其中,S为浏览器标签栏的长度,M为新增页面标签头后页面标签头的数量,Wmax为页面标签头的最大宽度。
可选地,触控焦点移动的位置的横坐标为(M*Wnew-H/2),纵坐标为D/2;
其中,M为新增页面标签头后页面标签头的数量,Wnew为页面标签头的目标宽度,H为关闭标识的宽度,D为浏览器标签栏的高度。
可选地,所述第二绘制模块还适于:
在预置的存储对象中查找当前标签网页对应的页面标识;
查找该页面标识对应的页面标签头。
可选地,还包括:
第三绘制模块,适于在触控焦点触发当前标签页面的位置交换操作时,依据当前页面标签头的宽度重新绘制当前在浏览器标签栏中绘制的页面标签头。
可选地,所述第三绘制模块还适于:
确定当前标签页面对应的页面标签头;
分别当前页面标签头的宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
可选地,所述第三绘制模块还适于:
在预置的存储对象中查找当前标签网页对应的页面标识;
查找该页面标识对应的页面标签头。
根据本发明的另一方面,提供了一种浏览器,包括:
关闭模块,适于通过触控焦点对当前页面标签头中关闭标识的触发,关闭所述当前页面标签头;
第一确定模块,适于依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
第一绘制模块,适于依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
本发明实施例在关闭当前页面标签头时,确定浏览器标签栏中绘制的页面标签头的目标宽度,再依据目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点,使得重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与触控焦点的位置相重合,用户不用手动将触控焦点移动到页面标签头的关闭标识处,即可直接通过触控焦点触发关闭标识,大大提高了操作的简便性。
本发明实施例在新增页面标签头时,确定浏览器标签栏中绘制的页面标签头的目标宽度,再依据目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点,使得重新绘制的当前浏览器标签栏中的新增标识位置与触控焦点的位置相重合,用户不用手动将触控焦点移动到新增标识处,即可直接通过触控焦点触发新增标识,大大提高了操作的简便性。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了根据本发明一个实施例的一种浏览器中页面标签头的绘制方法实施例1的步骤流程图;
图2示出了根据本发明一个实施例的一种浏览器结构示例图;
图3示出了根据本发明一个实施例的一种关闭网页标签头的示例图;
图4示出了根据本发明一个实施例的一种关闭网页标签头的示例图;
图5示出了根据本发明一个实施例的一种关闭网页标签头的示例图;
图6示出了根据本发明一个实施例的一种关闭网页标签头的示例图;
图7示出了根据本发明一个实施例的一种关闭网页标签头的示例图;
图8示出了根据本发明一个实施例的一种关闭网页标签头的示例图;
图9示出了根据本发明一个实施例的一种拖曳网页标签头的示例图;
图10示出了根据本发明一个实施例的一种拖曳网页标签头的示例图;
图11示出了根据本发明一个实施例的一种浏览器中页面标签头的绘制方法实施例2的步骤流程图;
图12示出了根据本发明一个实施例的一种新增网页标签头的示例图;
图13示出了根据本发明一个实施例的一种新增网页标签头的示例图;
图14示出了根据本发明一个实施例的一种新增网页标签头的示例图;
图15示出了根据本发明一个实施例的一种新增网页标签头的示例图;
图16示出了根据本发明一个实施例的一种浏览器中页面标签头的绘制方法实施例3的步骤流程图;
图17示出了根据本发明一个实施例的一种移动网页标签头的示例图;
图18示出了根据本发明一个实施例的一种浏览器中页面标签头的绘制装置实施例1的结构框图;
图19示出了根据本发明一个实施例的一种浏览器中页面标签头的绘制装置实施例2的结构框图;
图20示出了根据本发明一个实施例的一种浏览器中页面标签头的绘制装置实施例3的结构框图;
图21示出了根据本发明一个实施例的一种浏览器实施例1的结构框图;
图22示出了根据本发明一个实施例的一种浏览器实施例2的结构框图;以及
图23示出了根据本发明一个实施例的一种浏览器实施例3的结构框图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
参照图1,示出了根据本发明一个实施例的一种浏览器中页面标签头的绘制方法实施例1的步骤流程图,可以包括如下步骤:
步骤101,通过触控焦点对当前页面标签头中关闭标识的触发,关闭所述当前页面标签头;
需要说明的是,触控焦点可以为用户的操作控件,例如通过鼠标控制的光标、通过触控屏幕控制的触摸点等等,本发明实施例对此不加以限制。
如图2所示,在一个浏览器中可以包括浏览器标签栏(例如图2所示的位置B),在浏览器标签栏中可以包括一个或多个页面标签头(例如图2所示的位置A),在浏览器的主体位置可以显示当前网页(例如图2所示的位置C),在页面标签头中可以设置关闭标识(例如图2所示的“X”标识),该关闭标识可以用于触发该页面标签头及对应的网页的关闭操作,在页面标签头的最右/左侧可以设置新增标识(例如图2所示的“+”标识),该新增标识可以用于触发新词页面标签头即对应的网页的新增操作。
在具体实现中,所述触控焦点对当前页面标签头中关闭标识的触发可以包括以下两种情形:
在一种情形中,触控焦点通过点击当前页面标签头中的关闭标识触发关闭标识;
例如,用户通过触控焦点点击如图2所示的“X”标识触发关闭标识。
和/或,
在另一种情形中,触控焦点通过将当前页面标签头移出浏览器标签栏触发当前页面标签中的关闭标识。
在本发明实施例中,可以通过触控焦点将当前页面标签头移出浏览器标签栏,例如,将光标位置移动到当前页面标签头,然后按住鼠标左键,移动鼠标,即可将当前页面标签头移出浏览器标签栏。当前页面标签头移出浏览器标签栏后,触发关闭标识,触发当前页面标签头及对应的网页的在当前浏览器窗口的关闭操作。
步骤102,依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
在关闭了当前页面标签头后,使得页面标签头发生变化,因此需要进行重绘。在重绘之前,需要先确定重绘时页面标签的目标宽度。
在本发明的一种优选实施例中,步骤102可以包括如下子步骤:
子步骤S11,当被关闭的页面标签头为最后一个页面标签头时,通过公式S=N*Wnew确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
子步骤S12,当Wnew>Wmax时,Wnew取值Wmax;当Wnew<Wmin时,Wnew取值Wmin;
其中,S为浏览器标签栏的长度,N为所述当前页面标签头关闭后页面标签头的数量,Wnew为页面标签头的目标宽度,Wmin为页面标签头的最小宽度,Wmax为页面标签头的最大宽度。
在本发明实施例中,浏览器标签栏可以在一定范围内显示页面标签头,例如图3所示的页面标签头A至页面标签头I之间的范围。
为了更加美观整洁同时保证用户正常使用,页面标签头的长度可以控制在一定范围内,介于预置的最大宽度和最小宽度之间(包括最大宽度和最小宽度)。
通过公式S=N*(乘法计算)Wnew确定目标宽度时,当Wnew>Wmax时,Wnew取值Wmax;当Wnew<Wmin时,Wnew取值Wmin;当Wmin≤Wnew≤Wmax时,Wnew可以取公式的计算值,即S/(除法计算)N。
需要说明的是,最后一个页面标签头与页面标签生成的顺序相关,若页面标签头自左往右生成,则可以以最右的页面标签头作为最后一个页面标签头,例如图3所示的页面标签头I;若页面标签头自右往左生成,则可以以最左的页面标签头作为最后一个页面标签头,例如图3所示的页面标签头A。
在本发明的一种优选实施例中,步骤102可以包括如下子步骤:
子步骤S21,当被关闭的页面标签头为非最后一个页面标签头时,确定当前页面标签头的宽度最为中绘制的页面标签头的目标宽度。
在本发明实施例中,若被关闭的页面标签头为非最后一个页面标签头时,可以锁定页面标签头的宽度。
例如,若页面标签头自左往右生成,图3所示的页面标签头A至页面标签头H都为非最后一个页面标签头。
步骤103,依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;
在具体实现中,进行重绘时,所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置可以与所述触控焦点的位置相重合。
在本发明的一种优选实施例中,步骤103可以包括如下子步骤:
子步骤S31,确定当前标签页面对应的页面标签头;
每一个标签页面都可以对应一个页面标签头,在当前浏览器窗口中显示的标签页面即为当前标签页面。
在本发明实施例中,在关闭网页标签头时,当前显示的网页没有改变。
在本发明实施例的一种优选示例中,子步骤S31进一步可以包括如下子步骤:
子步骤S311,在预置的存储对象中查找当前标签网页对应的页面标识;
子步骤S312,查找该页面标识对应的页面标签头。
在本发明实施例中,存储对象可以为Webcontent对象,Webcontent对象是在各个网页子进程进行加载的标签页面的内容对象形成的渲染结果信息,该渲染结果是被发送给浏览器主进程进行显示用的。
对于每一个绘制的页面标签头,其对应的Webcontent对象中的参数ID号码会与一个网页标识(例如index值)进行对应,其标识出了当前显示的页面标签头的index值为firstvisibleindex,例如是“index1”,这样index2、index3就是顺序后依次被渲染加载的。
子步骤S32,分别按照所述目标宽度在浏览器标签栏中对当前标签页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
当前标签页面对应的页面标签头可以采用高亮的第一背景进行标识,例如图3所示的页面标签头A,而其他页面标签头则可以采用暗色的第二背景进行标识,例如图3所示的页面标签B、C。
在本示例中,可以采用DrawItemImg函数绘制第一背景和/或第二背景。具体地,将页面标签头的背景图(例如png文件)通过pnglib库解码为32位位图HBITMAP,然后通过SelectObject函数将该位图绑定到HDC上,再调用alphablend函数将位图绘制到屏幕上。
和/或,
子步骤S33,分别在浏览器标签栏中绘制页面标签头对应的网页标识;
在本示例中,可以DrawTabIcon函数绘制网页标识,而网页标识可以为网页LOGO。具体地,将页面标签头的网页标识(例如png文件)通过pnglib库解码为32位位图HBITMAP,然后通过SelectObject函数将该位图绑定到HDC上,再调用alphablend函数将位图绘制到屏幕上。
和/或,
子步骤S34,分别在浏览器标签栏中绘制页面标签头对应的网页标题;
在本示例中,可以采用DrawText函数绘制网页标题。具体地,Drawtext为系统API(Application Program Interface,应用程序接口),通过传递参数文字和位置,就可以将文字绘制到屏幕上。
和/或,
子步骤S35,分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
在本示例中,可以采用DrawTabCloseButton函数绘制关闭标识。具体地,将页面标签头的关闭标识(例如png文件)通过pnglib库解码为32位位图HBITMAP,然后通过SelectObject函数将该位图绑定到HDC上,再调用alphablend函数将位图绘制到屏幕上。
例如,如图3所示,触控焦点触发了最后一个页面标签头,即页面标签头I的关闭标识,该关闭标识可以由于触控焦点的悬停hover操作以反色进行表示。如图4所示,在关闭页面标签头I后,对页面标签头A至页面标签头H进行重绘,页面标签头A至页面标签头H的宽度增加,仍然填满浏览器标签栏,使得此时触控焦点的位置与被关闭的页面标签头前一个的页面标签头,即页面标签头H的关闭标识的位置重叠,该关闭标识也可以触控焦点的悬停hover操作以反色进行表示。
又例如,如图5所示,触控焦点触发了非最后一个页面标签头,如页面标签头A的关闭标识,该关闭标识可以由于触控焦点的悬停hover操作以反色进行表示。如图6所示,在关闭页面标签头A后,对页面标签头B至页面标签头I进行重绘,页面标签头B至页面标签头I的宽度增加,仍然填满浏览器标签栏,使得此时触控焦点的位置与被关闭的页面标签头后一个的页面标签头,即页面标签头B的关闭标识的位置重叠,该关闭标识也可以触控焦点的悬停hover操作以反色进行表示。
在本发明的一种优选实施例中,步骤103可以包括如下子步骤:
子步骤S41,确定当前标签页面对应的页面标签头;
子步骤S42,分别按照所述目标宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
子步骤S43,分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
子步骤S44,分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
子步骤S45,分别在浏览器标签栏中绘制页面标签头对应的关闭标识;
子步骤S46,当满足条件S≥N*Wmax且被关闭的页面标签头为最后一个页面标签头时,将触控焦点移动到当前在浏览器标签栏中其中一个页面标签头的关闭标识的位置上;
其中,S为浏览器标签栏的长度,N为所述当前页面标签头关闭后页面标签头的数量,Wmax为页面标签头的最大宽度。
在本发明实施例中,在关闭为最后一个页面标签头时,若Wnew取值为Wmax,使得页面标签头的总长度不能填满整个浏览器标签栏,此时,触控焦点的位置位于页面标签头之外,则在检测到触控焦点的释放事件时移动触控焦点,使得触控焦点与关闭标识的位置重叠。
在本发明实施例的一种优选示例中,触控焦点移动的位置的横坐标为(N*Wnew-H/2),纵坐标为D/2;
其中,N为所述当前页面标签头关闭后页面标签头的数量,Wnew为页面标签头的目标宽度,H为关闭标识的宽度,D为浏览器标签栏的高度。
在此示例中,设置触控焦点的位置为被关闭的页面标签头之前的页面标签头的关闭标识处。
例如,如图7所示,页面标签头A至页面标签头D的宽度为Wmax,未能填满浏览器标签栏,触控焦点触发了最后一个页面标签头,即页面标签头D的关闭标识,该关闭标识可以由于触控焦点的悬停hover操作以反色进行表示。如图8所示,在关闭页面标签头D后,对页面标签头A至页面标签头C进行重绘,页面标签头A至页面标签头C的宽度不变,仍为Wmax,依然不能填满浏览器标签栏,此时可以移动触控焦点的位置至被关闭的页面标签头的前一个页面标签头,即页面标签头C的关闭标识的位置,使两者重叠,该关闭标识也可以触控焦点的悬停hover操作以反色进行表示。
需要说明的是,由于子步骤S41-子步骤S45与子步骤S31-子步骤S35的应用基本相似,所以描述的比较简单,相关之处参见子步骤S31-子步骤S35的部分说明即可,本发明实施例在此不加以详述。
本发明实施例在关闭当前页面标签头时,确定浏览器标签栏中绘制的页面标签头的目标宽度,再依据目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点,使得重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与触控焦点的位置相重合,用户不用手动将触控焦点移动到页面标签头的关闭标识处,即可直接通过触控焦点触发关闭标识,大大提高了操作的简便性。
在本发明的一种优选实施例中,还可以包括如下步骤:
步骤104,当触控焦点将当前页面标签头移出浏览器标签栏时,在所述触控焦点所在的位置生成所述页面标签头对应的标签网页的缩略图;
步骤105,当监测到触控焦点针对所述页面标签头的释放事件时,启动浏览器窗口;
步骤106,在所述浏览器窗口中加载所述页面标签头对应的标签网页。
在本发明实施例中,对于触控焦点拖拽出来(例如光标的移动位置超出了浏览器标签栏的绘制窗口区间)的页面标签头,将依据当前URL的网页进行缩略图的生成,在当前的触控焦点的位置处进行显示该缩略图,该缩略图是一个浏览器子窗口,该子窗口中加载有该缩略图。例如,将图8所示的页面标签头C移出浏览器标签栏时,如图9所示,生成页面标签头C的网页缩略图。
在监测到了触控焦点针对所述页面标签头的释放事件,例如鼠标的左键释放事件时,就生成一个浏览器新窗口中加载该移动的页面标签头对应的网页。例如,如图10所示,将将图8所示的页面标签头C移出浏览器标签栏并释放时,生成一个浏览器新窗口加载页面标签头C对应的网页。
对应地,在触控焦点的移动区域进入了浏览器标签栏的页面标签头的绘制区域窗口时,再重新绘制该页面标签头到对应的区间范围中,记录网页标识列(例如index值)。
参照图11,示出了根据本发明一个实施例的一种浏览器中页面标签头的绘制方法实施例2的步骤流程图,可以包括如下步骤:
步骤1101,通过触控焦点对当前页面标签头中关闭标识的触发,关闭所述当前页面标签头;
步骤1102,依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
步骤1103,依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合;
步骤1104,通过触控焦点对浏览器标签栏中新增标识的触发,新增当前页面标签头;
例如,用户通过触控焦点点击如图2所示的“+”标识触发新增标识。
步骤1105,依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
在新增了页面标签头后,使得页面标签头发生变化,因此需要进行重绘。在重绘之前,需要先确定重绘时页面标签的目标宽度。
在本发明的一种优选实施例中,步骤1105可以包括如下子步骤:
子步骤S51,通过公式S=M*Wnew确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
当Wnew>Wmax时,Wnew取值Wmax;当Wnew<Wmin时,Wnew取值Wmin;
其中,S为浏览器标签栏的长度,M为新增页面标签头后页面标签头的数量,Wnew为页面标签头的目标宽度,Wmin为页面标签头的最小宽度,Wmax为页面标签头的最大宽度。
在本发明实施例中,浏览器标签栏可以在一定范围内显示页面标签头,例如图3所示的页面标签头A至页面标签头I之间的范围。
为了更加美观整洁同时保证用户正常使用,页面标签头的长度可以控制在一定范围内,介于预置的最大宽度和最小宽度之间(包括最大宽度和最小宽度)。
通过公式S=M*(乘法计算)Wnew确定目标宽度时,当Wnew>Wmax时,Wnew取值Wmax;当Wnew<Wmin时,Wnew取值Wmin;当Wmin≤Wnew≤Wmax时,Wnew可以取公式的计算值,即S/(除法计算)M。
需要说明的是,若页面标签头自左往右生成,则可以以将新增标识设置在浏览器标签栏的最右侧,若页面标签头自右往左生成,则可以以将新增标识设置在浏览器标签栏的最左侧。
步骤1106,依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;
在具体实现中,进行重绘时,所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
在本发明的一种优选实施例中,步骤1106可以包括如下子步骤:
子步骤S61,确定当前标签页面对应的页面标签头;
在本发明实施例中,在新增网页标签头时,新增的网页标签头显示为当前网页,即新增的网页标签头为当前标签页面对应的页面标签头。
在本发明实施例的一种优选示例中,子步骤S61进一步可以包括如下子步骤:
子步骤S611,在预置的存储对象中查找当前标签网页对应的页面标识;
子步骤S612,查找该页面标识对应的页面标签头。
子步骤S62,分别按照所述目标宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
子步骤S63,分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
子步骤S64,分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
子步骤S65,分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
需要说明的是,由于子步骤S61-子步骤S65与子步骤S31-子步骤S35的应用基本相似,所以描述的比较简单,相关之处参见子步骤S31-子步骤S35的部分说明即可,本发明实施例在此不加以详述。
例如,如图12所示,当前浏览器标签栏有页面标签头A至页面标签头G共7个页面标签头,这7个页面标签头填满了浏览器标签栏,新增标识位于最右侧。触控焦点触发了新增标识,如图13所示,在页面标签头G后增加页面标签头H。在新增页面标签头H后,对页面标签头A至页面标签头H进行绘制,页面标签头A至页面标签头G的宽度减少,但是仍然填满浏览器标签栏,新增标识依然位于最右侧,使得此时触控焦点的位置与新增标识的位置重叠。
在本发明的一种优选实施例中,步骤1106可以包括如下子步骤:
子步骤S71,确定当前标签页面对应的页面标签头;
子步骤S72,分别按照所述目标宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
子步骤S73,分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
子步骤S74,分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
子步骤S75,分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
子步骤S76,当满足条件S≥M*Wmax时,将触控焦点移动到当前在浏览器标签栏中其中一个页面标签头的关闭标识的位置上;
其中,S为浏览器标签栏的长度,M为新增页面标签头后页面标签头的数量,Wmax为页面标签头的最大宽度。
在本发明实施例中,在新增页面标签头时,若Wnew取值为Wmax,而页面标签头的总长度不能填满整个浏览器标签栏时,触控焦点的位置位于页面标签头之内,则在检测到触控焦点的释放事件时移动触控焦点,使得触控焦点与新增标识的位置重叠。
在本发明实施例的一种优选示例中,触控焦点移动的位置的横坐标为(M*Wnew-H/2),纵坐标为D/2;
其中,M为新增页面标签头后页面标签头的数量,Wnew为页面标签头的目标宽度,H为关闭标识的宽度,D为浏览器标签栏的高度。
例如,如图14所示,页面标签头A至页面标签头D的宽度为Wmax,未能填满浏览器标签栏,新增标识位于最右侧。触控焦点触发了新增标识,如图15所示,在页面标签头D后增加页面标签头E。在新增页面标签头E后,对页面标签头A至页面标签头E进行绘制,页面标签头A至页面标签头E的宽度为Wmax,依然不能填满浏览器标签栏,此时可以移动触控焦点的位置至新增标识的位置重叠。
需要说明的是,由于子步骤S71-子步骤S75与子步骤S31-子步骤S35的应用基本相似,所以描述的比较简单,相关之处参见子步骤S31-子步骤S35的部分说明即可,本发明实施例在此不加以详述。
本发明实施例在新增页面标签头时,确定浏览器标签栏中绘制的页面标签头的目标宽度,再依据目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点,使得重新绘制的当前浏览器标签栏中的新增标识位置与触控焦点的位置相重合,用户不用手动将触控焦点移动到新增标识处,即可直接通过触控焦点触发新增标识,大大提高了操作的简便性。
参照图16,示出了根据本发明一个实施例的一种浏览器中页面标签头的绘制方法实施例2的步骤流程图,可以包括如下步骤:
步骤1601,通过触控焦点对当前页面标签头中关闭标识的触发,关闭所述当前页面标签头;
步骤1602,依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
步骤1603,依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合;
步骤1604,当触控焦点触发当前标签页面的位置交换操作时,依据当前页面标签头的宽度重新绘制当前在浏览器标签栏中绘制的页面标签头。
在本发明实施例中,对于触控焦点拖拽移动(例如光标的移动位置未超出了浏览器标签栏的绘制窗口区间)的页面标签头,触发了当前标签页面的位置交换操作。
在交换了页面标签头后,使得页面标签头的位置发生变化,因此需要进行重绘。
在本发明的一种优选实施例中,步骤1604可以包括如下子步骤:
子步骤S81,确定当前标签页面对应的页面标签头;
在本发明实施例中,在位置交换操作时,触控焦点拖曳移动的网页标签头对应的网页显示为当前网页,即触控焦点拖曳移动的网页标签头为当前标签页面对应的页面标签头。
在本发明实施例的一种优选示例中,子步骤S81进一步可以包括如下子步骤:
子步骤S811,在预置的存储对象中查找当前标签网页对应的页面标识;
子步骤S812,查找该页面标识对应的页面标签头。
子步骤S82,分别当前页面标签头的宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
子步骤S83,分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
子步骤S84,分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
子步骤S85,分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
例如,对图12所示的页面标签头B和页面标签头C触发移动操作,由于页面标签头没有增加,也没有减少,因此其宽度不会发生变化,如图17所示,在移动时就是依据触控焦点的移动位置判断出是页面标签头C(例如网页标识为index3)、页面标签头B(例如网页标识为index2)之间进行了交互移动从而重绘index3、index2对应的页面标签头的区域,即可以依据当前页面标签头的移动位置判断出交换页面标签头的区域,再进行重绘。
需要说明的是,由于子步骤S81-子步骤S85与子步骤S31-子步骤S35的应用基本相似,所以描述的比较简单,相关之处参见子步骤S31-子步骤S35的部分说明即可,本发明实施例在此不加以详述。
对于方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本发明实施例并不受所描述的动作顺序的限制,因为依据本发明实施例,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作并不一定是本发明实施例所必须的。
参照图18,示出了根据本发明一个实施例的一种浏览器中页面标签头的绘制装置实施例1的结构框图,具体可以包括如下模块:
关闭模块1801,适于通过触控焦点对当前页面标签头中关闭标识的触发,关闭所述当前页面标签头;
第一确定模块1802,适于依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
第一绘制模块1803,适于依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
在本发明的一种优选实施例中,所述触控焦点对当前页面标签头中关闭标识的触发包括:
触控焦点通过点击当前页面标签头中的关闭标识触发关闭标识;
和/或,
触控焦点通过将当前页面标签头移出浏览器标签栏触发当前页面标签中的关闭标识。
在本发明的一种优选实施例中,所述第一确定模块1802还可以适于:
当被关闭的页面标签头为最后一个页面标签头时,通过公式S=N*Wnew确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
当Wnew>Wmax时,Wnew取值Wmax;当Wnew<Wmin时,Wnew取值Wmin;
其中,S为浏览器标签栏的长度,N为所述当前页面标签头关闭后页面标签头的数量,Wnew为页面标签头的目标宽度,Wmin为页面标签头的最小宽度,Wmax为页面标签头的最大宽度。
在本发明的一种优选实施例中,所述第一确定模块1802还可以适于:
当被关闭的页面标签头为非最后一个页面标签头时,确定当前页面标签头的宽度最为中绘制的页面标签头的目标宽度。
在本发明的一种优选实施例中,所述第一绘制模块1803还可以适于:
确定当前标签页面对应的页面标签头;
分别按照所述目标宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
在本发明的一种优选实施例中,所述第一绘制模块1803还可以适于:
当满足条件S≥N*Wmax且被关闭的页面标签头为最后一个页面标签头时,将触控焦点移动到当前在浏览器标签栏中其中一个页面标签头的关闭标识的位置上;
其中,S为浏览器标签栏的长度,N为所述当前页面标签头关闭后页面标签头的数量,Wmax为页面标签头的最大宽度。
在本发明的一种优选实施例中,触控焦点移动的位置的横坐标为(N*Wnew-H/2),纵坐标为D/2;
其中,N为所述当前页面标签头关闭后页面标签头的数量,Wnew为页面标签头的目标宽度,H为关闭标识的宽度,D为浏览器标签栏的高度。
在本发明的一种优选实施例中,所述第一绘制模块1803还可以适于:
在预置的存储对象中查找当前标签网页对应的页面标识;
查找该页面标识对应的页面标签头。
在本发明的一种优选实施例中,还包括可以包括如下模块:
显示模块,适于在触控焦点将当前页面标签头移出浏览器标签栏时,在所述触控焦点所在的位置生成所述页面标签头对应的标签网页的缩略图;
启动模块,适于在监测到触控焦点针对所述页面标签头的释放事件时,启动浏览器窗口;
加载模块,适于在所述浏览器窗口中加载所述页面标签头对应的标签网页。
参照图19,示出了根据本发明一个实施例的一种浏览器中页面标签头的绘制装置实施例2的结构框图,具体可以包括如下模块:
关闭模块1901,适于通过触控焦点对当前页面标签头中关闭标识的触发,关闭所述当前页面标签头;
第一确定模块1902,适于依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
第一绘制模块1903,适于依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
新增模块1904,适于通过触控焦点对浏览器标签栏中新增标识的触发,新增当前页面标签头;
第二确定模块1905,适于依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
第二绘制模块1906,适于依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
在本发明的一种优选实施例中,所述第二确定模块1905还可以适于:
通过公式S=M*Wnew确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
当Wnew>Wmax时,Wnew取值Wmax;当Wnew<Wmin时,Wnew取值Wmin;
其中,S为浏览器标签栏的长度,M为新增页面标签头后页面标签头的数量,Wnew为页面标签头的目标宽度,Wmin为页面标签头的最小宽度,Wmax为页面标签头的最大宽度。
在本发明的一种优选实施例中,所述第二绘制模块1906还可以适于:
确定当前标签页面对应的页面标签头;
分别按照所述目标宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
在本发明的一种优选实施例中,所述第二绘制模块1906还可以适于:
当满足条件S≥M*Wmax时,将触控焦点移动到当前在浏览器标签栏中其中一个页面标签头的关闭标识的位置上;
其中,S为浏览器标签栏的长度,M为新增页面标签头后页面标签头的数量,Wmax为页面标签头的最大宽度。
在本发明的一种优选实施例中,触控焦点移动的位置的横坐标为(M*Wnew-H/2),纵坐标为D/2;
其中,M为新增页面标签头后页面标签头的数量,Wnew为页面标签头的目标宽度,H为关闭标识的宽度,D为浏览器标签栏的高度。
在本发明的一种优选实施例中,所述第二绘制模块1906还可以适于:
在预置的存储对象中查找当前标签网页对应的页面标识;
查找该页面标识对应的页面标签头。
参照图20,示出了根据本发明一个实施例的一种浏览器中页面标签头的绘制装置实施例3的结构框图,具体可以包括如下模块:
关闭模块2001,适于通过触控焦点对当前页面标签头中关闭标识的触发,关闭所述当前页面标签头;
第一确定模块2002,适于依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
第一绘制模块2003,适于依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
第三绘制模块2004,适于在触控焦点触发当前标签页面的位置交换操作时,依据当前页面标签头的宽度重新绘制当前在浏览器标签栏中绘制的页面标签头。
在本发明的一种优选实施例中,所述第三绘制模块2004还可以适于:
确定当前标签页面对应的页面标签头;
分别当前页面标签头的宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
在本发明的一种优选实施例中,所述第三绘制模块2004还可以适于:
在预置的存储对象中查找当前标签网页对应的页面标识;
查找该页面标识对应的页面标签头。
参照图21,示出了根据本发明一个实施例的一种浏览器实施例1的结构框图,具体可以包括如下模块:
关闭模块2101,适于通过触控焦点对当前页面标签头中关闭标识的触发,关闭所述当前页面标签头;
第一确定模块2102,适于依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
第一绘制模块2103,适于依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
在本发明的一种优选实施例中,所述触控焦点对当前页面标签头中关闭标识的触发包括:
触控焦点通过点击当前页面标签头中的关闭标识触发关闭标识;
和/或,
触控焦点通过将当前页面标签头移出浏览器标签栏触发当前页面标签中的关闭标识。
在本发明的一种优选实施例中,所述第一确定模块2102还可以适于:
当被关闭的页面标签头为最后一个页面标签头时,通过公式S=N*Wnew确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
当Wnew>Wmax时,Wnew取值Wmax;当Wnew<Wmin时,Wnew取值Wmin;
其中,S为浏览器标签栏的长度,N为所述当前页面标签头关闭后页面标签头的数量,Wnew为页面标签头的目标宽度,Wmin为页面标签头的最小宽度,Wmax为页面标签头的最大宽度。
在本发明的一种优选实施例中,所述第一确定模块2102还可以适于:
当被关闭的页面标签头为非最后一个页面标签头时,确定当前页面标签头的宽度最为中绘制的页面标签头的目标宽度。
在本发明的一种优选实施例中,所述第一绘制模块2103还可以适于:
确定当前标签页面对应的页面标签头;
分别按照所述目标宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
在本发明的一种优选实施例中,所述第一绘制模块2103还可以适于:
当满足条件S≥N*Wmax且被关闭的页面标签头为最后一个页面标签头时,将触控焦点移动到当前在浏览器标签栏中其中一个页面标签头的关闭标识的位置上;
其中,S为浏览器标签栏的长度,N为所述当前页面标签头关闭后页面标签头的数量,Wmax为页面标签头的最大宽度。
在本发明的一种优选实施例中,触控焦点移动的位置的横坐标为(N*Wnew-H/2),纵坐标为D/2;
其中,N为所述当前页面标签头关闭后页面标签头的数量,Wnew为页面标签头的目标宽度,H为关闭标识的宽度,D为浏览器标签栏的高度。
在本发明的一种优选实施例中,所述第一绘制模块2103还可以适于:
在预置的存储对象中查找当前标签网页对应的页面标识;
查找该页面标识对应的页面标签头。
在本发明的一种优选实施例中,还包括可以包括如下模块:
显示模块2104,适于在触控焦点将当前页面标签头移出浏览器标签栏时,在所述触控焦点所在的位置生成所述页面标签头对应的标签网页的缩略图;
启动模块2105,适于在监测到触控焦点针对所述页面标签头的释放事件时,启动浏览器窗口;
加载模块2106,适于在所述浏览器窗口中加载所述页面标签头对应的标签网页。
参照图22,示出了根据本发明一个实施例的一种浏览器实施例2的结构框图,具体可以包括如下模块:
关闭模块2201,适于通过触控焦点对当前页面标签头中关闭标识的触发,关闭所述当前页面标签头;
第一确定模块2202,适于依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
第一绘制模块2203,适于依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
新增模块2204,适于通过触控焦点对浏览器标签栏中新增标识的触发,新增当前页面标签头;
第二确定模块2205,适于依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
第二绘制模块2206,适于依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
在本发明的一种优选实施例中,所述第二确定模块2205还可以适于:
通过公式S=M*Wnew确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
当Wnew>Wmax时,Wnew取值Wmax;当Wnew<Wmin时,Wnew取值Wmin;
其中,S为浏览器标签栏的长度,M为新增页面标签头后页面标签头的数量,Wnew为页面标签头的目标宽度,Wmin为页面标签头的最小宽度,Wmax为页面标签头的最大宽度。
在本发明的一种优选实施例中,所述第二绘制模块2206还可以适于:
确定当前标签页面对应的页面标签头;
分别按照所述目标宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
在本发明的一种优选实施例中,所述第二绘制模块2206还可以适于:
当满足条件S≥M*Wmax时,将触控焦点移动到当前在浏览器标签栏中其中一个页面标签头的关闭标识的位置上;
其中,S为浏览器标签栏的长度,M为新增页面标签头后页面标签头的数量,Wmax为页面标签头的最大宽度。
在本发明的一种优选实施例中,触控焦点移动的位置的横坐标为(M*Wnew-H/2),纵坐标为D/2;
其中,M为新增页面标签头后页面标签头的数量,Wnew为页面标签头的目标宽度,H为关闭标识的宽度,D为浏览器标签栏的高度。
在本发明的一种优选实施例中,所述第二绘制模块2206还可以适于:
在预置的存储对象中查找当前标签网页对应的页面标识;
查找该页面标识对应的页面标签头。
参照图23,示出了根据本发明一个实施例的一种浏览器实施例3的结构框图,具体可以包括如下模块:
关闭模块2301,适于通过触控焦点对当前页面标签头中关闭标识的触发,关闭所述当前页面标签头;
第一确定模块2302,适于依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
第一绘制模块2303,适于依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
第三绘制模块2304,适于在触控焦点触发当前标签页面的位置交换操作时,依据当前页面标签头的宽度重新绘制当前在浏览器标签栏中绘制的页面标签头。
在本发明的一种优选实施例中,所述第三绘制模块2304还可以适于:
确定当前标签页面对应的页面标签头;
分别当前页面标签头的宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
在本发明的一种优选实施例中,所述第三绘制模块2304还可以适于:
在预置的存储对象中查找当前标签网页对应的页面标识;
查找该页面标识对应的页面标签头。
对于装置、浏览器实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的浏览器中页面标签头的绘制设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本发明的实施例公开了A1、一种浏览器中页面标签头的绘制方法,包括:
通过触控焦点对当前页面标签头中关闭标识的触发,关闭所述当前页面标签头;
依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
A2、如A1所述的方法,所述触控焦点对当前页面标签头中关闭标识的触发包括:
触控焦点通过点击当前页面标签头中的关闭标识触发关闭标识;
和/或,
触控焦点通过将当前页面标签头移出浏览器标签栏触发当前页面标签中的关闭标识。
A3、如A1所述的方法,所述依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度的步骤包括:
当被关闭的页面标签头为最后一个页面标签头时,通过公式S=N*Wnew确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
当Wnew>Wmax时,Wnew取值Wmax;当Wnew<Wmin时,Wnew取值Wmin;
其中,S为浏览器标签栏的长度,N为所述当前页面标签头关闭后页面标签头的数量,Wnew为页面标签头的目标宽度,Wmin为页面标签头的最小宽度,Wmax为页面标签头的最大宽度。
A4、如A1所述的方法,,所述依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度的步骤包括:
当被关闭的页面标签头为非最后一个页面标签头时,确定当前页面标签头的宽度最为中绘制的页面标签头的目标宽度。
A5、如A3或A4所述的方法,所述依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点的步骤包括:
确定当前标签页面对应的页面标签头;
分别按照所述目标宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
A6、如A5所述的方法,所述依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点的步骤还包括:
当满足条件S≥N*Wmax且被关闭的页面标签头为最后一个页面标签头时,将触控焦点移动到当前在浏览器标签栏中其中一个页面标签头的关闭标识的位置上;
其中,S为浏览器标签栏的长度,N为所述当前页面标签头关闭后页面标签头的数量,Wmax为页面标签头的最大宽度。
A7、如A6所述的方法,触控焦点移动的位置的横坐标为(N*Wnew-H/2),纵坐标为D/2;
其中,N为所述当前页面标签头关闭后页面标签头的数量,Wnew为页面标签头的目标宽度,H为关闭标识的宽度,D为浏览器标签栏的高度。
A8、如A5所述的方法,所述确定当前标签页面对应的页面标签头的步骤包括:
在预置的存储对象中查找当前标签网页对应的页面标识;
查找该页面标识对应的页面标签头。
A9、如A2所述的方法,还包括:
当触控焦点将当前页面标签头移出浏览器标签栏时,在所述触控焦点所在的位置生成所述页面标签头对应的标签网页的缩略图;
当监测到触控焦点针对所述页面标签头的释放事件时,启动浏览器窗口;
在所述浏览器窗口中加载所述页面标签头对应的标签网页。
A10、如A1所述的方法,还包括:
通过触控焦点对浏览器标签栏中新增标识的触发,新增当前页面标签头;
依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
A11、如A10所述的方法,所述依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度的步骤包括:
通过公式S=M*Wnew确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
当Wnew>Wmax时,Wnew取值Wmax;当Wnew<Wmin时,Wnew取值Wmin;
其中,S为浏览器标签栏的长度,M为新增页面标签头后页面标签头的数量,Wnew为页面标签头的目标宽度,Wmin为页面标签头的最小宽度,Wmax为页面标签头的最大宽度。
A12、如A11所述的方法,所述依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点的步骤包括:
确定当前标签页面对应的页面标签头;
分别按照所述目标宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
A13、如A12所述的方法,所述依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点的步骤还包括:
当满足条件S≥M*Wmax时,将触控焦点移动到当前在浏览器标签栏中其中一个页面标签头的关闭标识的位置上;
其中,S为浏览器标签栏的长度,M为新增页面标签头后页面标签头的数量,Wmax为页面标签头的最大宽度。
A14、如A13所述的方法,触控焦点移动的位置的横坐标为(M*Wnew-H/2),纵坐标为D/2;
其中,M为新增页面标签头后页面标签头的数量,Wnew为页面标签头的目标宽度,H为关闭标识的宽度,D为浏览器标签栏的高度。
A15、如A12所述的方法,所述确定当前标签页面对应的页面标签头的步骤包括:
在预置的存储对象中查找当前标签网页对应的页面标识;
查找该页面标识对应的页面标签头。
A16、如A1所述的方法,还包括:
当触控焦点触发当前标签页面的位置交换操作时,依据当前页面标签头的宽度重新绘制当前在浏览器标签栏中绘制的页面标签头。
A17、如A16所述的方法,所述依据当前页面标签头的宽度重新绘制当前在浏览器标签栏中绘制的页面标签头的步骤包括:
确定当前标签页面对应的页面标签头;
分别当前页面标签头的宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
A18、如A17所述的方法,所述确定当前标签页面对应的页面标签头的步骤包括:
在预置的存储对象中查找当前标签网页对应的页面标识;
查找该页面标识对应的页面标签头。
本发明的实施例还公开了B19、一种浏览器中页面标签头的绘制装置,包括:
关闭模块,适于通过触控焦点对当前页面标签头中关闭标识的触发,关闭所述当前页面标签头;
第一确定模块,适于依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
第一绘制模块,适于依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
B20、如B19所述的装置,所述触控焦点对当前页面标签头中关闭标识的触发包括:
触控焦点通过点击当前页面标签头中的关闭标识触发关闭标识;
和/或,
触控焦点通过将当前页面标签头移出浏览器标签栏触发当前页面标签中的关闭标识。
B21、如B19所述的装置,所述第一确定模块还适于:
当被关闭的页面标签头为最后一个页面标签头时,通过公式S=N*Wnew确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
当Wnew>Wmax时,Wnew取值Wmax;当Wnew<Wmin时,Wnew取值Wmin;
其中,S为浏览器标签栏的长度,N为所述当前页面标签头关闭后页面标签头的数量,Wnew为页面标签头的目标宽度,Wmin为页面标签头的最小宽度,Wmax为页面标签头的最大宽度。
B22、如B19所述的装置,所述第一确定模块还适于:
当被关闭的页面标签头为非最后一个页面标签头时,确定当前页面标签头的宽度最为中绘制的页面标签头的目标宽度。
B23、如B21或B22所述的装置,所述第一绘制模块还适于:
确定当前标签页面对应的页面标签头;
分别按照所述目标宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
B24、如B23所述的方法,所述第一绘制模块还适于:
当满足条件S≥N*Wmax且被关闭的页面标签头为最后一个页面标签头时,将触控焦点移动到当前在浏览器标签栏中其中一个页面标签头的关闭标识的位置上;
其中,S为浏览器标签栏的长度,N为所述当前页面标签头关闭后页面标签头的数量,Wmax为页面标签头的最大宽度。
B25、如B24所述的装置,触控焦点移动的位置的横坐标为(N*Wnew-H/2),纵坐标为D/2;
其中,N为所述当前页面标签头关闭后页面标签头的数量,Wnew为页面标签头的目标宽度,H为关闭标识的宽度,D为浏览器标签栏的高度。
B26、如B23所述的装置,所述第一绘制模块还适于:
在预置的存储对象中查找当前标签网页对应的页面标识;
查找该页面标识对应的页面标签头。
B27、如B20所述的装置,还包括:
显示模块,适于在触控焦点将当前页面标签头移出浏览器标签栏时,在所述触控焦点所在的位置生成所述页面标签头对应的标签网页的缩略图;
启动模块,适于在监测到触控焦点针对所述页面标签头的释放事件时,启动浏览器窗口;
加载模块,适于在所述浏览器窗口中加载所述页面标签头对应的标签网页。
B28、如B19所述的装置,还包括:
新增模块,适于通过触控焦点对浏览器标签栏中新增标识的触发,新增当前页面标签头;
第二确定模块,适于依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
第二绘制模块,适于依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
B29、如B28所述的装置,所述第二确定模块还适于:
通过公式S=M*Wnew确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
当Wnew>Wmax时,Wnew取值Wmax;当Wnew<Wmin时,Wnew取值Wmin;
其中,S为浏览器标签栏的长度,M为新增页面标签头后页面标签头的数量,Wnew为页面标签头的目标宽度,Wmin为页面标签头的最小宽度,Wmax为页面标签头的最大宽度。
B30、如B29所述的装置,所述第二绘制模块还适于:
确定当前标签页面对应的页面标签头;
分别按照所述目标宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
B31、如B30所述的装置,所述第二绘制模块还适于:
当满足条件S≥M*Wmax时,将触控焦点移动到当前在浏览器标签栏中其中一个页面标签头的关闭标识的位置上;
其中,S为浏览器标签栏的长度,M为新增页面标签头后页面标签头的数量,Wmax为页面标签头的最大宽度。
B32、如B31所述的装置,触控焦点移动的位置的横坐标为(M*Wnew-H/2),纵坐标为D/2;
其中,M为新增页面标签头后页面标签头的数量,Wnew为页面标签头的目标宽度,H为关闭标识的宽度,D为浏览器标签栏的高度。
B33、如B30所述的装置,所述第二绘制模块还适于:
在预置的存储对象中查找当前标签网页对应的页面标识;
查找该页面标识对应的页面标签头。
B34、如B19所述的装置,还包括:
第三绘制模块,适于在触控焦点触发当前标签页面的位置交换操作时,依据当前页面标签头的宽度重新绘制当前在浏览器标签栏中绘制的页面标签头。
B35、如B34所述的装置,所述第三绘制模块还适于:
确定当前标签页面对应的页面标签头;
分别当前页面标签头的宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
B36、如B34所述的装置,所述第三绘制模块还适于:
在预置的存储对象中查找当前标签网页对应的页面标识;
查找该页面标识对应的页面标签头。
本发明还公开了C37、一种浏览器,包括B19至B26中任一项所述的浏览器中页面标签头的绘制装置。
Claims (10)
1.一种浏览器中页面标签头的绘制方法,包括:
通过触控焦点对当前页面标签头中关闭标识的触发,关闭所述当前页面标签头;
依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
2.如权利要求1所述的方法,其特征在于,所述触控焦点对当前页面标签头中关闭标识的触发包括:
触控焦点通过点击当前页面标签头中的关闭标识触发关闭标识;
和/或,
触控焦点通过将当前页面标签头移出浏览器标签栏触发当前页面标签中的关闭标识。
3.如权利要求1所述的方法,其特征在于,所述依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度的步骤包括:
当被关闭的页面标签头为最后一个页面标签头时,通过公式S=N*Wnew确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
当Wnew>Wmax时,Wnew取值Wmax;当Wnew<Wmin时,Wnew取值Wmin;
其中,S为浏览器标签栏的长度,N为所述当前页面标签头关闭后页面标签头的数量,Wnew为页面标签头的目标宽度,Wmin为页面标签头的最小宽度,Wmax为页面标签头的最大宽度。
4.如权利要求1所述的方法,其特征在于,所述依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度的步骤包括:
当被关闭的页面标签头为非最后一个页面标签头时,确定当前页面标签头的宽度最为中绘制的页面标签头的目标宽度。
5.如权利要求3或4所述的方法,其特征在于,所述依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点的步骤包括:
确定当前标签页面对应的页面标签头;
分别按照所述目标宽度在浏览器标签栏中对当前页面对应的页面标签头绘制第一背景,对其他页面标签头绘制第二背景;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标识;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的网页标题;
和/或,
分别在浏览器标签栏中绘制页面标签头对应的关闭标识。
6.如权利要求5所述的方法,其特征在于,所述依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点的步骤还包括:
当满足条件S≥N*Wmax且被关闭的页面标签头为最后一个页面标签头时,将触控焦点移动到当前在浏览器标签栏中其中一个页面标签头的关闭标识的位置上;
其中,S为浏览器标签栏的长度,N为所述当前页面标签头关闭后页面标签头的数量,Wmax为页面标签头的最大宽度。
7.如权利要求6所述的方法,其特征在于,触控焦点移动的位置的横坐标为(N*Wnew-H/2),纵坐标为D/2;
其中,N为所述当前页面标签头关闭后页面标签头的数量,Wnew为页面标签头的目标宽度,H为关闭标识的宽度,D为浏览器标签栏的高度。
8.如权利要求5所述的方法,其特征在于,所述确定当前标签页面对应的页面标签头的步骤包括:
在预置的存储对象中查找当前标签网页对应的页面标识;
查找该页面标识对应的页面标签头。
9.一种浏览器中页面标签头的绘制装置,包括:
关闭模块,适于通过触控焦点对当前页面标签头中关闭标识的触发,关闭所述当前页面标签头;
第一确定模块,适于依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
第一绘制模块,适于依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
10.一种浏览器,包括:
关闭模块,适于通过触控焦点对当前页面标签头中关闭标识的触发,关闭所述当前页面标签头;
第一确定模块,适于依据当前的浏览器标签栏信息和其中绘制的页面标签头消息,确定所述浏览器标签栏中绘制的页面标签头的目标宽度;
第一绘制模块,适于依据所述目标宽度重新绘制当前在浏览器标签栏中绘制的页面标签头和/或所述触控焦点;其中所述重新绘制的当前浏览器标签栏中的一个页面标签头的关闭标识位置与所述触控焦点的位置相重合。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410127062.9A CN103955476A (zh) | 2014-03-31 | 2014-03-31 | 一种浏览器中页面标签头的绘制方法、装置和浏览器 |
PCT/CN2014/095658 WO2015149561A1 (zh) | 2014-03-31 | 2014-12-30 | 一种浏览器中页面标签头的绘制方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410127062.9A CN103955476A (zh) | 2014-03-31 | 2014-03-31 | 一种浏览器中页面标签头的绘制方法、装置和浏览器 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN103955476A true CN103955476A (zh) | 2014-07-30 |
Family
ID=51332751
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410127062.9A Pending CN103955476A (zh) | 2014-03-31 | 2014-03-31 | 一种浏览器中页面标签头的绘制方法、装置和浏览器 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN103955476A (zh) |
WO (1) | WO2015149561A1 (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2015149561A1 (zh) * | 2014-03-31 | 2015-10-08 | 北京奇虎科技有限公司 | 一种浏览器中页面标签头的绘制方法及装置 |
WO2016070726A1 (zh) * | 2014-11-07 | 2016-05-12 | 北京奇虎科技有限公司 | 页面标签的加载方法、装置和浏览器客户端 |
CN106371946A (zh) * | 2016-09-13 | 2017-02-01 | 乐视控股(北京)有限公司 | 浏览器异常恢复处理方法及装置 |
CN106611014A (zh) * | 2015-10-27 | 2017-05-03 | 北京国双科技有限公司 | 网页查询条件顺序的调整方法及装置 |
CN106708495A (zh) * | 2015-11-18 | 2017-05-24 | 优信拍(北京)信息科技有限公司 | 一种基于移动终端的页面显示方法及装置 |
CN114675906A (zh) * | 2022-05-25 | 2022-06-28 | 杭州脸脸会网络技术有限公司 | 多窗口管理方法、装置、电子装置和存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020163545A1 (en) * | 2001-05-01 | 2002-11-07 | Hii Samuel S. | Method of previewing web page content while interacting with multiple web page controls |
CN101390081A (zh) * | 2005-04-07 | 2009-03-18 | 微软公司 | 用于在带有选项卡的浏览器内选择一选项卡的系统和方法 |
CN102831155A (zh) * | 2012-06-29 | 2012-12-19 | 北京奇虎科技有限公司 | 一种网页标签的缩微图显示方法和装置 |
CN102945265A (zh) * | 2012-10-24 | 2013-02-27 | 北京奇虎科技有限公司 | 标签在浏览器中的呈现方法及装置 |
CN103577167A (zh) * | 2012-07-26 | 2014-02-12 | 腾讯科技(深圳)有限公司 | 实现动画显示页面标签的方法和装置 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7587679B1 (en) * | 2004-08-25 | 2009-09-08 | Adobe Systems Incorporated | System and method for displaying elements using a single tab |
US8001482B2 (en) * | 2007-12-21 | 2011-08-16 | International Business Machines Corporation | Method of displaying tab titles |
US8762879B1 (en) * | 2008-09-01 | 2014-06-24 | Google Inc. | Tab management in a browser |
CN103955476A (zh) * | 2014-03-31 | 2014-07-30 | 北京奇虎科技有限公司 | 一种浏览器中页面标签头的绘制方法、装置和浏览器 |
-
2014
- 2014-03-31 CN CN201410127062.9A patent/CN103955476A/zh active Pending
- 2014-12-30 WO PCT/CN2014/095658 patent/WO2015149561A1/zh active Application Filing
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020163545A1 (en) * | 2001-05-01 | 2002-11-07 | Hii Samuel S. | Method of previewing web page content while interacting with multiple web page controls |
CN101390081A (zh) * | 2005-04-07 | 2009-03-18 | 微软公司 | 用于在带有选项卡的浏览器内选择一选项卡的系统和方法 |
CN102831155A (zh) * | 2012-06-29 | 2012-12-19 | 北京奇虎科技有限公司 | 一种网页标签的缩微图显示方法和装置 |
CN103577167A (zh) * | 2012-07-26 | 2014-02-12 | 腾讯科技(深圳)有限公司 | 实现动画显示页面标签的方法和装置 |
CN102945265A (zh) * | 2012-10-24 | 2013-02-27 | 北京奇虎科技有限公司 | 标签在浏览器中的呈现方法及装置 |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2015149561A1 (zh) * | 2014-03-31 | 2015-10-08 | 北京奇虎科技有限公司 | 一种浏览器中页面标签头的绘制方法及装置 |
WO2016070726A1 (zh) * | 2014-11-07 | 2016-05-12 | 北京奇虎科技有限公司 | 页面标签的加载方法、装置和浏览器客户端 |
CN106611014A (zh) * | 2015-10-27 | 2017-05-03 | 北京国双科技有限公司 | 网页查询条件顺序的调整方法及装置 |
CN106611014B (zh) * | 2015-10-27 | 2020-08-21 | 北京国双科技有限公司 | 网页查询条件顺序的调整方法及装置 |
CN106708495A (zh) * | 2015-11-18 | 2017-05-24 | 优信拍(北京)信息科技有限公司 | 一种基于移动终端的页面显示方法及装置 |
CN106708495B (zh) * | 2015-11-18 | 2021-05-07 | 优信拍(北京)信息科技有限公司 | 一种基于移动终端的页面显示方法及装置 |
CN106371946A (zh) * | 2016-09-13 | 2017-02-01 | 乐视控股(北京)有限公司 | 浏览器异常恢复处理方法及装置 |
CN114675906A (zh) * | 2022-05-25 | 2022-06-28 | 杭州脸脸会网络技术有限公司 | 多窗口管理方法、装置、电子装置和存储介质 |
CN114675906B (zh) * | 2022-05-25 | 2022-10-04 | 杭州脸脸会网络技术有限公司 | 多窗口管理方法、装置、电子装置和存储介质 |
Also Published As
Publication number | Publication date |
---|---|
WO2015149561A1 (zh) | 2015-10-08 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103955476A (zh) | 一种浏览器中页面标签头的绘制方法、装置和浏览器 | |
CN102117290B (zh) | 一种展现网页中页面元素的方法及系统 | |
US20160132201A1 (en) | Contextual tabs in mobile ribbons | |
US7877702B2 (en) | Tree widget data population | |
CN105094804A (zh) | 在页面中添加动画的方法和装置 | |
US10891423B2 (en) | Portlet display on portable computing devices | |
CN108228253A (zh) | 一种app构建方法及系统 | |
CN102411614A (zh) | 图像搜索结果的显示 | |
JP2014532207A (ja) | コンピュータによる処理方法 | |
CN104268250A (zh) | 一种网页中视频元素的播放方法和装置 | |
US9792383B2 (en) | Unload and display content placeholders with versions | |
CN107391698B (zh) | 一种动态显示网页的方法、装置、介质和计算装置 | |
CN101986252A (zh) | web浏览方法和web浏览设备 | |
CN104462490A (zh) | 一种列表详情的显示方法 | |
CN104268252A (zh) | 一种网页中视频元素的播放方法和装置 | |
CN103412923A (zh) | 一种网页浏览状态切换的方法及网页浏览器 | |
CN103605783A (zh) | 网页显示方法及装置 | |
CN104462516A (zh) | 一种信息提示方法及移动终端 | |
CN111259284A (zh) | 页面懒加载的方法和装置、存储介质和处理器 | |
CN106354378B (zh) | 一种快速选中多个目标的方法和装置 | |
CN102902789B (zh) | 改变浏览器窗口显示的内容的显示控制设备及方法 | |
CN103034683A (zh) | 用于浏览器的页面切换方法和装置 | |
CN110647272A (zh) | 一种显示控制方法及装置 | |
CN102999342A (zh) | 一种网页中图片的全屏浏览方法及其装置 | |
CN103019557A (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 |
Application publication date: 20140730 |
|
RJ01 | Rejection of invention patent application after publication |