用于浏览器的工具类窗口加载方法和装置的制作方法

专利名称：用于浏览器的工具类窗口加载方法和装置的制作方法
技术领域：
本发明涉及互联网技术领域，具体地说，涉及一种用于浏览器的工具类窗口加载 方法和装置。
背景技术：
浏览器是指可以显示网页服务器或者文件系统的HTML (HypertextMarkup Language，超文本标记语言)文件内容，并让用户与这些文件内容交互的一种程序。浏览器 通过HTTP (Hypertext Transfer Protocol,超文本传送协议)协议与服务器交互并获取由 URL (Uniform/Universal ResourceLocator,统一资源定位符)指定的网页，文件格式通常 为 HTML,并由 MIME(Multipurpose Internet Mail Extensions,多功能网际邮件扩充协议) 在HTTP协议中指明。浏览器除了支持除HTML格式外，还支持例如JPEG、PNG、GIF等图像格 式，并且能够扩展支持众多的插件(plug-1ns)。
随着网络技术的发展，人们对浏览器中的网页中图片的收集和处理(例如分享)的 需求越来越高。现有技术中的图片工具条的加载是在当前网页页面进程中，使用网页中的 JS (javascript)脚本进行DIV层的弹窗，弹窗中加载有对于图片处理的工具条项目。由于 现有技术是通过JS脚本实现，因此网页中图片的展现效果仅限制于网页设计人员，若JS脚 本设计出现程序问题则会导致的浏览器崩溃，使得浏览器工具条窗口的程序架构复杂，程 序效率较低。
所以，目前迫切需要本领域解决的一个技术问题就是提供一种用于浏览器的工 具类窗口加载的处理方案，用来解决在浏览器子进程中执行预定类型网页元素的处理所造 成的浏览器故障问题。发明内容
鉴于上述问题，提出了本发明以便提供了一种用于浏览器的工具类窗口加载方法 和装置，用来解决在浏览器子进程中执行预定类型网页元素的处理所造成的浏览器故障问 题
根据本发明的一个方面，提供了一种用于浏览器的工具类窗口加载方法，其中，包 括
在网页子进程中打开网页标签，并获取网页中预定类型网页元素的位置信息；
在当前网页子进程中监测到对所述预定类型网页元素的输入选择事件，将所述预 定类型网页元素的位置信息向浏览器主进程发送；
依据所述预定类型网页元素的位置信息，所述浏览器主进程在指定位置处创建并 显示针对该预定类型网页元素的工具类窗口；
所述网页子进程中监测到对当前网页中所述预定类型网页元素的取消选择事件， 所述网页子进程通知所述浏览器主进程隐藏针对所述预定类型网页元素的工具类窗口。
优选地，在根据本发明的所述方法中，所述预定类型网页元素包括以下一种或多种的组合图片、视频、音频、插件以及网页块级元素。
优选地，在根据本发明的所述方法中，获取所述当前网页中预定类型网页元素的 位置信息，还包括
所述当前网页子进程遍历当前网页中的预定类型网页元素的位置信息、属性信 息；以及
将所述预定类型网页元素的位置信息和属性信息保存至所述当前网页子进程的 缓存中。
优选地，在根据本发明的所述方法中，所述当前网页子进程遍历当前网页中的预 定类型网页元素的位置信息、属性信息，包括
当加载所述网页标签时，所述当前网页子进程执行当前网页中的预定类型网页元 素的脚本，以遍历当前网页中的预定类型网页元素的位置信息、属性信息；或者
当监测到对所述预定类型网页元素的输入选择事件时，所述当前网页子进程遍历 当前网页中的当前预定类型网页元素的脚本，遍历当前网页中的当前预定类型网页元素的 位置信息、属性信息。
优选地，在根据本发明的所述方法中，依据所述预定类型网页元素的位置信息，所 述浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口包括
获取当前光标的位置信息，并与所述预定类型网页元素的位置信息比较，判断当 前光标是否在所述预定类型网页元素的显示区域中，将判断结果和所述预定类型网页元素 的位置信息发送到所述浏览器的主进程；
依据所述判断结果和所述预定类型网页元素的位置信息，所述浏览器主进程指定 位置处创建并显示针对该预定类型网页元素的工具类窗口。
优选地，在本发明的方法还包括
所述浏览器主进程接收对针对该预定类型网页元素的工具类窗口的输入选择事 件，结合所述预定类型网页元素的属性信息；通过所述浏览器主进程所创建的针对所述预 定类型网页元素的工具类窗口进行对所述预定类型网页元素的处理。
优选地，在根据本发明的所述方法中，所述预定类型网页元素的处理，包括如下至 少一项
对所述预定类型网页元素的本地保存、分享、全屏显示。
优选地，在根据本发明的所述方法中，所述预定类型网页元素的位置信息，包括以 下一种或多种的组合所述预定类型网页元素在所述当前网页子进程的页面可见区域中左 上角位置坐标、所述预定类型网页元素的宽和高；以及
所述预定类型网页元素的属性信息，包括以下一种或多种的组合预定类型网页 元素大小、预定类型网页元素在本地缓存的地址、预定类型网页元素在云端的保存地址或 所述预定类型网页元素的URL。
优选地，在根据本发明的所述方法中，对预定类型网页元素的输入选择事件，包括 以下一种或多种的组合鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸 移动事件、触摸长按事件、触摸滑动事件、键盘选定。
优选地，在根据本发明的所述方法中，所述预定类型网页元素的取消选择事件，包 括如下任一种事件鼠标移出事件、触摸弹起事件、键盘取消。
优选地，在根据本发明的所述方法中，所述指定位置为所述预定类型网页元素区 域内的任一位置；或者为所述预定类型网页元素边缘处的一位置。
优选地，在根据本发明的所述方法中，当启动浏览器时生成所述浏览器主进程，所 述浏览器主进程对应一个或多个网页子进程，所述浏览器主进程的针对该预定类型网页元 素的工具类窗口在所述一个或多个网页子进程之间交互使用。
优选地，在根据本发明的所述方法中，当前网页子进程给所述浏览器主进程发送 操作消息，以显示/隐藏所述浏览器主进程创建的针对该预定类型网页元素的工具类窗□。
根据本发明的另一个方面，提供了一种用于浏览器的工具类窗口加载装置，其中， 包括
生成与获取模块，用于在网页子进程中打开网页标签，并获取网页中预定类型网 页元素的位置信息；
监测与发送模块，用于在当前网页子进程中监测到对所述预定类型网页元素的输 入选择事件，将所述预定类型网页元素的位置信息向浏览器主进程发送；
创建与显示模块，用于依据所述预定类型网页元素的位置信息，所述浏览器主进 程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口；
其中，所述监测与发送模块和创建与显示模块还被配置成所述网页子进程中监 测到对当前网页中所述预定类型网页元素的取消选择事件，所述网页子进程通知所述浏览 器主进程隐藏针对所述预定类型网页元素的工具类窗口。
优选地，在根据本发明的所述装置中，生成与获取模块包括
遍历子模块，用于所述当前网页子进程遍历当前网页中的预定类型网页元素的位 置信息、属性信息；以及
缓存子模块，用于将所述预定类型网页元素的位置信息和属性信息保存至所述当 前网页子进程的缓存中。
优选地，在根据本发明的所述装置中，遍历子模块还被配置成
当加载所述网页标签时，所述当前网页子进程执行当前网页中的预定类型网页元 素的脚本，以遍历当前网页中的预定类型网页元素的位置信息、属性信息；或者
当监测到对所述预定类型网页元素的输入选择事件时，所述当前网页子进程遍历 当前网页中的当前预定类型网页元素的脚本，遍历当前网页中的当前预定类型网页元素的 位置信息、属性信息。
优选地，在根据本发明的所述装置中，创建与显示模块还被配置成
获取当前光标的位置信息，并与所述预定类型网页元素的位置信息比较，判断当 前光标是否在所述预定类型网页元素的显示区域中，将判断结果和所述预定类型网页元素 的位置信息发送到所述浏览器的主进程；
依据所述判断结果和所述预定类型网页元素的位置信息，所述浏览器主进程指定 位置处创建并显示针对该预定类型网页元素的工具类窗口。
优选地，在根据本发明的所述装置还可以包括处理子模块，用于所述浏览器主进 程接收对针对该预定类型网页元素的工具类窗口的输入选择事件，结合所述预定类型网页 元素的属性信息；通过所述浏览器主进程所创建的针对所述预定类型网页元素的工具类窗口进行对所述预定类型网页元素的处理。
与现有的方案相比，本发明所获得的技术效果根据本发明的技术方案有如下优 点提出了一种基于浏览器侧对网页预定类型网页元素进行处理的方案，在浏览器主进程 中建立对一个或多个网页标签中的预定类型网页元素处理的机制，提高了在浏览器侧进行 预定类型网页元素处理的效率，避免了对网页子进程中对于加载对于网页元素进行处理的 工具窗口操作时给浏览器带来的负担和故障的问题，进一步优化了浏览器工具条窗口的程 序架构，使得程序效率更高；并且一个浏览器主进程可以对应一个或多个网页子进程，浏览 器主进程创建的针对该预定类型网页元素的工具类窗口可以在多个网页子进程之间交互 使用，减少了网页子进程生成针对该预定类型网页元素的工具类窗口的负担，同时提高了 针对该预定类型网页元素的工具类窗口的使用效率。
上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段， 而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够 更明显易懂，以下特举本发明的具体实施方式
。


通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通 技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明 的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中
图1示意性示出了根据本发明一个实施例的用于浏览器的工具类窗口加载方法 的流程图2示意性示出了根据本发明一个实施例的用于浏览器的工具类窗口加载方法 的详细流程图3示意性示出了根据本发明一个实施例的用于浏览器的工具类窗口加载装置 的模块图4示意性示出了根据本发明一个实施例的的加载工具类窗口的方法的流程图5示意性示出了根据本发明一个实施例的隐藏针对预定类型网页元素的工具 类窗口的流程示意图6示意性示出了根据本发明一个实施例的针对图片元素加载图片工具条窗口 的一网页不意图7示意性示出了根据本发明一个实施例的加载针对图片元素的图片工具条窗 口的方法详细流程示意图。
具体实施方式
下面结合附图和具体的实施方式对本发明作进一步的描述。
本发明的主要思想在于，在网页子进程中打开网页标签，并获取网页中预定类型 网页元素的位置信息；在当前网页子进程中监测到对所述预定类型网页元素的输入选择事 件，将所述预定类型网页元素的位置信息向浏览器主进程发送；依据所述预定类型网页元 素的位置信息，所述浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工 具类窗口。
为使本发明的目的、技术方案和优点更加清楚，以下结合附图及具体实施例，对本发明作进一步地详细说明。
根据本发明的实施例，提供了一种用于浏览器的工具类窗口加载方法。
图1示意性示出了根据本发明一个实施例的用于浏览器的工具类窗口加载方法的流程图，该方法可以包括以下步骤。
在步骤S201处，在网页子进程中打开网页标签，并获取网页中预定类型网页元素的位置信息。
在本发明实施例中，当浏览器启动时，浏览器主进程自动启动，并在网页子进程中打开网页标签，特别的，一个浏览器主进程可以对应一个或者多个网页子进程。
当网页标签被打开时，所述当前网页子进程遍历当前网页中的预定类型网页元素的位置信息、属性信息，并将所述预定类型网页元素的位置信息和属性信息保存至所述当前网页子进程的缓存中。
在步骤S202处，在当前网页子进程中监测到对所述预定类型网页元素的输入选择事件，将所述预定类型网页元素的位置信息向浏览器主进程发送；
需要说明的是，在将所述预定类型网页元素的位置信息向浏览器主进程发送的同时，也将所述预定类型网页元素的属性信息向浏览器主进程发送，所述浏览器主进程接收网页子进程发送的位置信息和属性信息。
在步骤S203处，依据所述预定类型网页元素的位置信息，所述浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口。
依据所述预定类型网页元素的属性信息，通过所述浏览器主进程所创建的针对该预定类型网页元素的工具类窗口进行所述预定类型网页元素的处理。所述预定类型网页元素的处理可以包括对所述预定类型网页元素的本地保存、分享、全屏显示等。
图2示意性示出了根据本发明一个实施例的用于浏览器的工具类窗口加载方法的详细流程图，具体可以包括以下步骤。
在步骤S301处，启动浏览器，生成浏览器主进程。
在步骤S302处，在网页子进程中打开网页标签。
当网页标签被加载时，网页子进程执行遍历网页中的预定类型网页元素的JS脚本，并通过浏览器辅助对象技术(ΒΗ0技术)实现步骤S303。
在步骤S303处，网页子进程获取网页中预定类型网页元素的位置信息和属性信肩、O
所述预定类型网页元素可以包括但不限于图片、视频、音频、插件以及网页块级元素DIV0
本发明中的实施例中虽然具体以图片作为具体的网页元素，给出的实施例，并针对图片的位置信息进行图片工具类窗口的加载方案，其并不是用于限制本发明的保护范围的，对于例如网页中的视频插件、MP3的音乐插件或者TOF的文本类插件等网页元素都是适用于本发明的构思的。
当网页标签加载时被嵌入一段JS代码，目的是遍历网页中的预定类型网页元素的位置信息和属性信息，并且将上述预定类型网页元素的位置信息和属性信息上传到网页子进程的缓存中。
其中，所述预定类型网页元素的位置信息可以包括但不限于所述预定类型网页 元素在所述当前网页子进程的页面可见区域中的左上角位置坐标和所述预定类型网页元 素的宽和高等等；属性信息可以包括但不限于预定类型网页元素大小、预定类型网页元 素在本地缓存的地址、预定类型网页元素在云端的保存地址和/或所述预定类型网页元素 的URL等等。
可以当加载所述网页标签时，所述当前网页子进程执行当前网页中的预定类型网 页元素的脚本，以执行步骤S303 ；
在步骤S304处，网页子进程缓存存储所述预定类型网页元素的位置信息和属性信息。
在步骤S305处，在所述当前网页子进程中监测对所述预定类型网页元素的输入 选择事件。
本发明中有输入选择事件的预定类型网页元素，对预定类型网页元素进行监测， 监测的同时执行步骤S306，对监测结果做出判断。
在步骤S306处，判断是否有输入选择事件。
当确定有输入选择事件时，执行步骤S307，否则返回去执行步骤S305。
所述输入选择事件可以包括如下任一种事件鼠标悬浮事件、鼠标移入事件、鼠标 移动事件、触摸按下事件、触摸移动事件、触摸长按事件、触摸滑动事件、键盘选定。
在步骤S307处，将所述预定类型网页元素的位置信息和属性信息向浏览器主进 程发送。
也可以当监测到对所述预定类型网页元素的输入选择事件时，执行上述步骤 S303。
在步骤S308处，依据所述预定类型网页元素的位置信息，所述浏览器主进程在指 定位置处创建并显示针对该预定类型网页元素的工具类窗口。
需要说明的是，在执行步骤S308时，可以获取当前光标的位置信息，并与所述预 定类型网页元素的位置信息比较，判断当前光标是否在所述预定类型网页元素的显示区域 中，将判断结果和所述预定类型网页元素的位置信息发送到所述浏览器的主进程；并依据 所述判断结果和所述预定类型网页元素的位置信息，所述浏览器主进程指定位置处创建并 显示针对该预定类型网页元素的工具类窗口。
该针对该预定类型网页元素的工具类窗口由浏览器主进程生成，可以在不同网页 子进程之间复用，在不同的网页子进程中，针对该预定类型网页元素的工具类窗口的位置 可以根据预定类型网页元素的位置信息来确定。在不同网页子进程之间复用时，当前网页 子进程可以给所述浏览器主进程发送操作消息，以显示/隐藏所述浏览器主进程创建的针 对该预定类型网页元素的工具类窗口。
在步骤S309处，判断是否有取消选择事件。
当判断有取消选择事件时，该方法继续进行到步骤S312，否则该方法继续进行到 步骤S310。
所述取消选择事件包括如下任一种事件鼠标移出事件、触摸弹起事件、键盘取 消。
在步骤S310处，判断是否执行预定类型网页元素处理。也即是说，判断浏览器用户是否需要执行预定类型网页元素的处理。
如果判断浏览器用户要执行预定类型网页元素的处理，则本方法继续到步骤 S311，否则继续到步骤S312。
在步骤S311处，通过所述浏览器主进程所创建的针对所述预定类型网页元素的 工具类窗口进行对所述预定类型网页元素的处理。
所谓预定类型网页元素的处理可以包括但不限于对预定类型网页元素进行本地 保存、分享、全屏显示。
对于针对所述预定类型网页元素的工具类窗口可以根据需求进行设计，例如将 浏览器主进程中生成的针对所述预定类型网页元素的工具类窗口中加载网站的链接，又 如，针对所述预定类型网页元素的工具类窗口设计为一个可以加载某图片网站的按钮，通 过点击该按钮将网页子进程获取的所述预定类型网页元素的属性信息向图片网站提交。
在步骤S312处，所述当前网页子进程通知所述浏览器主进程隐藏所述针对所述 预定类型网页元素的工具类窗口。
当发生取消选择事件时，浏览器主进程隐藏针对所述预定类型网页元素的工具类 窗口，并且保留已经接收的所述预定类型网页元素的位置信息和属性信息。
然后，该方法继续到步骤S313，在步骤S313处，判断是否再次识别有输入选择事 件。
当针对所述预定类型网页元素的工具类窗口处于隐藏状态时，要对所述网页子进 程中的预定类型网页元素进行判断，是否再次识别有输入选择事件，判断为是，则本方法继 续到步骤S315，否则本方法继续到步骤S314。
在步骤S314处，所述浏览器主进程隐藏针对所述预定类型网页元素的工具类窗□。
若所述网页子进程中的预定类型网页元素未发生输入选择事件，浏览器主进程继 续隐藏针对所述预定类型网页元素的工具类窗口，同时本发明继续到步骤S313。
在步骤S315处，所述当前网页子进程通知浏览器主进程创建针对所述预定类型 网页元素的工具类窗口。
本发明还提供了一种用于浏览器的工具类窗口加载装置，参照图3示意性示出了 根据本发明一个实施例的用于浏览器的工具类窗口加载装置的模块图。
根据本发明的装置，可以包括生成与获取模块401、监测与发送模块402、创建与 显示模块403。
生成与获取模块401，用于在网页子进程中打开网页标签，并获取网页中预定类型 网页元素的位置信息；
当浏览器被启动时，生成与获取模块401自动启动一个浏览器主进程，并在网页 子进程中打开网页标签，一个浏览器主进程对应一个或多个网页子进程。
同时，生成与获取模块401还包括遍历子模块411和缓存子模块421当网页标签 被打开时，遍历子模块411遍历网页中预定类型网页元素的位置信息和属性信息，并将所 述预定类型网页元素的位置信息和属性信息发送给缓存子模块421进行保存。
监测与发送模块402，用于在当前网页子进程中监测到对所述预定类型网页元素 的输入选择事件，将所述预定类型网页元素的位置信息向浏览器主进程发送；
监测与发送模块402可以监测当前网页子进程中的预定类型网页元素的输入选 择事件和取消选择事件，当监测到预定类型网页元素的输入选择事件时，将所述预定类型 网页元素的位置信息向创建与显示模块403发送；当监测到预定类型网页元素的输入选择 事件后，又监测到取消选择事件，监测与发送模块402通知创建与显示模块403隐藏针对所 述预定类型网页元素的工具条窗口，保留所述预定类型网页元素的位置信息，当再次监测 到该预定类型网页元素有输入选择事件时，通知创建与显示模块403显示处于隐藏状态的 针对预定类型网页元素工具条窗口。
创建与显示模块403，用于依据所述预定类型网页元素的位置信息，所述浏览器主 进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口。
由于一个浏览器主进程只创建一个针对该预定类型网页元素的工具类窗口，所以 实现了针对该预定类型网页元素的工具类窗口在各个网页子进程中的复用。
如图4所示，示意性示出了根据本发明一个实施例的加载工具类窗口的方法的流 程图，本实施中，从系统架构的角度，对加载工具类窗口的方法进行说明。具体地，该方法可 以包括以下步骤。
在步骤S501处，在当前网页子进程中打开网页标签，并获取网页中预定类型网页 元素的的位置信息；
在步骤S502处，在当前所述网页子进程中监测到对所述预定类型网页元素的的 输入选择事件时，依据所述预定类型网页元素的位置信息获得所述图片元素的显示区域信
在步骤S503处，获取当前光标的位置信息并与所述预定类型网页元素的的显示 区域信息比较，判断当前光标的位置是否在所述预定类型网页元素的的显示区域中，将判 断结果和所述预定类型网页元素的的位置信息通知到所述浏览器的主进程；
在步骤S504处，浏览器主进程依据所述判断结果和所述预定类型网页元素的的 位置信息，在指定位置处创建或显示或隐藏针对预定类型网页元素的工具类窗口。
上述步骤S501-S504中，记载的针对当前网页子进程中的网页中的预定类型网页 元素，生成针对预定类型网页元素的工具类窗口，与上述图1所述的内容类似，在此不再赘 述。
在步骤S505处，在另一网页子进程中打开另一网页标签，获取该网页中预定类型 网页元素的位置信息；
类似地，由于一个浏览器主进程可以对应多个网页子进程，因此，在浏览器主进程 启动后，并根据当前网页子进程已经生成过工具类窗口后，可以在网页主进程对应的打开 另外一网页子进程。
在步骤S506处，在另一网页子进程中监测到对其对应网页中预定类型网页元素 的的输入选择事件时，依据该预定类型网页元素的位置信息获得所述图片元素的显示区域信息；
上述步骤S505-S506的详细过程可参见实施例一中针对当前网页子进程的处理 过程，在此不再赘述。
在步骤S507处，获取当前光标的位置信息并与另一网页子进程中监测到对其对 应网页中预定类型网页元素的显示区域信息比较，判断当前光标的位置是否在该图片元素的显示区域中，将判断结果和该预定类型网页元素的位置信息通知到所述浏览器的主进
在步骤S508处，浏览器主进程将所述预定类型网页元素的位置信息发送到步骤 S504中已创建的工具类窗口，并依据所述判断结果在指定位置处显示或隐藏工具类窗口。
图4所示的实施例，也可以适用于基于同一浏览器主进程打开多个网页子进程的 情况，在此不再赘述。
如图5所示，示意性示出了根据本发明一个实施例的隐藏针对预定类型网页元素 的工具类窗口的流程示意图。其可以具体包括
在步骤S601处，获取并将当前的屏幕坐标转换到浏览器的页面可见区域中；
在步骤S602处，依据浏览器的页面可见区域的当前的屏幕坐标以及所述预定类 型网页元素的位置信息获得所述预定类型网页元素的显示区域信息；
需要说明的是，所述预定类型网页元素的显示区域信息是指当前网页中的client 区域。
在步骤S603处，获取当前光标的位置信息并将当前光标在屏幕上位置信息转换 为在浏览器的页面可见区域中的位置信息；
在步骤S604处，依据当前光标在浏览器的页面可见区域的位置信息与所述预定 类型网页元素的位置信息进行比对，以判断当前光标的位置是否在所述预定类型网页元素 的显示区域中；
如果光标的位置在所述预定类型网页元素的显示区域，则执行步骤S605，否则执 行步骤S606。
在步骤S605处，浏览器主进程依据所述预定类型网页元素的位置信息，在指定位 置处创建并显示针对预定类型网页元素的工具类窗口。
在步骤S606中，判断是否有取消选择事件；
需要说明的是，所述预定类型网页元素的取消选择事件包括但不局限于鼠标移出 事件、触摸弹起事件、键盘取消等等。
如果有取消选择事件，则执行步骤S607 ;否则，继续执行步骤S605。
在步骤S607处，浏览器主进程在制定位置处创建并隐藏针对预定类型网页元素 的工具类窗口。
以下以预定类型网页元素为网页中的图片元素进行详细说明。
如图6所示，示意性示出了根据本发明一个实施例的针对图片元素加载图片工具 条窗口的方法针对的一网页示意图，其中网页中的一图片元素I位于网页中的可显示区域 client区域2，同时位于屏幕3上，光标4如图所示的位置，图片元素I上有一子框5。该子 框5即为浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口， 这里的预定类型网页元素在本实施例中为图片元素，本发明中但不限于是网页中的图片元 素，也是适用于其它网页元素，例如音视频插件元素、文本阅读类插件等。该工具类的子框 5还可以设置在图片元素I的周边处，或者在浏览器的预置位置处。
如图7所示，示意性示出了根据本发明一个实施例的加载针对图片元素的图片工 具条窗口的方法详细流程示意图。当光标移动到图6所示的图片上时，其可以具体包括
在步骤S701处，获取当前光标的位置信息并将当前光标在屏幕上位置信息转换为在浏览器的页面可见区域中的位置信息；
需要说明的是，由于打开网页时，图6中的光标一方面位于屏幕的坐标中，一方面 又位于网页页面定义的可见区域client区域中，因此，为了避免误判，需要将光标4的位置 信息统一到一个坐标系中，而由于图片元素I是基于浏览器页面的可见区域2进行定义的， 因此本发明实施例中优选地将光标4在屏幕3上的位置信息一致的转换到浏览器的可见区 域2中，获得其在浏览器的页面可见区域2中的光标的位置信息。
在步骤S702处，依据当前光标在浏览器的页面可见区域的位置信息与所述图片 元素的位置信息进行比对，以判断当前光标的位置是否在所述图片元素的显示区域中。
如果当前光标的位置在所述图片元素的显示区域中，则执行步骤S703 ;否则，执 行步骤S704。
在步骤S703处，依据所述图片元素的位置信息，所述浏览器主进程指定位置处创 建并显示针对该图片元素的图片工具类窗口。
需要说明的是，该工具类窗口比如可以是实现全屏显示、分享或者本地保存等。
在步骤704处，判断是否有取消选择事件；
需要说明的是，所述图片元素的取消选择事件包括但不局限于鼠标移出事件、触 摸弹起事件、键盘取消等等。
如果有取消选择事件，则执行步骤S705 ;否则，继续执行步骤S703。
在步骤S705处，浏览器主进程在制定位置处创建并隐藏图片工具条窗口。即在光 标处于图片的范围中时，一般是加载显不该工具条窗口的；在光标不处于图片的范围中时， 一般是隐藏该工具条窗口的。
要明确的是，本发明的实施例中使用了图片元素作为例子进行上述预定类型网页 元素的工具类窗口的加载显示、隐藏的操作，这仅是为了示例说明，并不是用于限制本发明 的保护范围，依据本发明的发明思想，其也是适用于除了图片元素以外的其它网页元素的， 例如音视频插件元素、文本阅读类插件等也是可以依据本发明的方法加载对应的例如音频 控制工具窗口、视频下载工具窗口、视频处理工具窗口等等其它类似工具窗口的。
由于上述本实施例基本相应于前述图1所示的方法实施例和图2所示的方法实施 例，故本实施例的描述中未详尽之处，可以参见前述实施例中的相关说明，在此不做赘述。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。 各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求 的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种 编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发 明的最佳实施方式。
在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施 例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构 和技术，以便不模糊对本说明书的理解。
类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在 上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施 例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图即所要求保 护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此， 遵循具体实施方式
的权利要求书由此明确地并入该具体实施方式
，其中每个权利要求本身 都作为本发明的单独实施例。
本领域那些技术人员可以理解，可以对实施例中的装置中的模块进行自适应性地 改变并且把它们设置在与该实施例不同的一个或多个装置中。可以把实施例中的模块组合 成一个模块，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和 /或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随 的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者装置的所有过 程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公 开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例 中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的 范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任 意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行 的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用 微处理器或者数字信号处理器(DSP )来实现根据本发明实施例的浏览器加载针对针对该预 定类型网页元素的工具类窗口的装置中的一些或者全部部件的一些或者全部功能。本发明 还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如， 计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上， 或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者 在载体信号上提供，或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领 域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中， 不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在 未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这 样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来 实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件 项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为 名称。
本文公开了 Al、一种用于浏览器的工具类窗口加载方法，包括在网页子进程中 打开网页标签，并获取网页中预定类型网页元素的位置信息；在当前网页子进程中监测到 对所述预定类型网页元素的输入选择事件，将所述预定类型网页元素的位置信息向浏览器 主进程发送；依据所述预定类型网页元素的位置信息，所述浏览器主进程在指定位置处创 建并显示针对该预定类型网页元素的工具类窗口 ；所述网页子进程中监测到对当前网页中 所述预定类型网页元素的取消选择事件，所述网页子进程通知所述浏览器主进程隐藏针对 所述预定类型网页元素的工具类窗口。A2、根据Al所述的方法，其特征在于，所述预定类 型网页元素包括以下一种或多种的组合图片、视频、音频、插件以及网页块级元素。A3、根 据Al所述的方法，其特征在于，所述获取所述当前网页中预定类型网页元素的位置信息，还包括所述当前网页子进程遍历当前网页中的预定类型网页元素的位置信息、属性信息； 以及将所述预定类型网页元素的位置信息和属性信息保存至所述当前网页子进程的缓存 中。A4、根据A3所述的方法，其特征在于，所述当前网页子进程遍历当前网页中的预定类型 网页元素的位置信息、属性信息，包括当加载所述网页标签时，所述当前网页子进程执行 当前网页中的预定类型网页元素的脚本，以遍历当前网页中的预定类型网页元素的位置信 息、属性信息；或者当监测到对所述预定类型网页元素的输入选择事件时，所述当前网页子 进程遍历当前网页中的当前预定类型网页元素的脚本，遍历当前网页中的当前预定类型网 页元素的位置信息、属性信息。A5、如Al所述的方法，其特征在于，所述依据所述预定类型 网页元素的位置信息，所述浏览器主进程在指定位置处创建并显示针对该预定类型网页元 素的工具类窗口包括获取当前光标的位置信息，并与所述预定类型网页元素的位置信息 比较，判断当前光标是否在所述预定类型网页元素的显示区域中，将判断结果和所述预定 类型网页元素的位置信息发送到所述浏览器的主进程；依据所述判断结果和所述预定类型 网页元素的位置信息，所述浏览器主进程指定位置处创建并显示针对该预定类型网页元素 的工具类窗口。A6、根据A3所述的方法，其特征在于，还包括所述浏览器主进程接收对针 对该预定类型网页元素的工具类窗口的输入选择事件，结合所述预定类型网页元素的属性 信息；通过所述浏览器主进程所创建的针对所述预定类型网页元素的工具类窗口进行对所 述预定类型网页元素的处理。A7、根据A6所述的方法，其特征在于，所述预定类型网页元 素的处理，包括如下至少一项对所述预定类型网页元素的本地保存、分享、全屏显示。AS、 根据A2至A7中任一项所述的方法，其特征在于所述预定类型网页元素的位置信息，包括 以下一种或多种的组合所述预定类型网页元素在所述当前网页子进程的页面可见区域中 左上角位置坐标、所述预定类型网页元素的宽和高；以及所述预定类型网页元素的属性信 息，包括以下一种或多种的组合预定类型网页元素大小、预定类型网页元素在本地缓存的 地址、预定类型网页元素在云端的保存地址或所述预定类型网页元素的URL。A9、根据Al 所述的方法，其特征在于对预定类型网页元素的输入选择事件，包括以下一种或多种的组 合鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按 事件、触摸滑动事件、键盘选定。A10、根据Al至A9中任一项所述的方法，其特征在于，所述 预定类型网页元素的取消选择事件，包括如下任一种事件鼠标移出事件、触摸弹起事件、 键盘取消。AU、根据Al所述的方法，其特征在于所述指定位置为所述预定类型网页元素 区域内的任一位置；或者为所述预定类型网页元素边缘处的一位置。A12、根据Al所述的方 法，其特征在于当启动浏览器时生成所述浏览器主进程，所述浏览器主进程对应一个或多 个网页子进程，所述浏览器主进程的针对该预定类型网页元素的工具类窗口在所述一个或 多个网页子进程之间交互使用。A13、根据A12所述的方法，其特征在于当前网页子进程给 所述浏览器主进程发送操作消息，以显示/隐藏所述浏览器主进程创建的针对该预定类型 网页元素的工具类窗口。
本文公开了 B14、一种用于浏览器的工具类窗口加载装置，包括生成与获取模 块，用于在网页子进程中打开网页标签，并获取网页中预定类型网页元素的位置信息；监测 与发送模块，用于在当前网页子进程中监测到对所述预定类型网页元素的输入选择事件， 将所述预定类型网页元素的位置信息向浏览器主进程发送；创建与显示模块，用于依据所 述预定类型网页元素的位置信息，所述浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口 ；其中，所述监测与发送模块和创建与显示模块还被配置成 所述网页子进程中监测到对当前网页中所述预定类型网页元素的取消选择事件，所述网页 子进程通知所述浏览器主进程隐藏针对所述预定类型网页元素的工具类窗口。B15、根据 B14所述的装置，其特征在于，所述预定类型网页元素包括以下一种或多种的组合图片、 视频、音频、插件以及块级元素。B16、根据B14所述的装置，其特征在于，所述生成与获取 模块包括遍历子模块，用于所述当前网页子进程遍历当前网页中的预定类型网页元素的 位置信息、属性信息；以及缓存子模块，用于将所述预定类型网页元素的位置信息和属性信 息保存至所述当前网页子进程的缓存中。B17、根据B16所述的装置，其特征在于，所述遍 历子模块还被配置成当加载所述网页标签时，所述当前网页子进程执行当前网页中的预 定类型网页元素的脚本，以遍历当前网页中的预定类型网页元素的位置信息、属性信息；或 者当监测到对所述预定类型网页元素的输入选择事件时，所述当前网页子进程遍历当前网 页中的当前预定类型网页元素的脚本，遍历当前网页中的当前预定类型网页元素的位置信 息、属性信息。B18、如B14所述的装置，其特征在于，所述创建与显示模块还被配置成获 取当前光标的位置信息，并与所述预定类型网页元素的位置信息比较，判断当前光标是否 在所述预定类型网页元素的显示区域中，将判断结果和所述预定类型网页元素的位置信息 发送到所述浏览器的主进程；依据所述判断结果和所述预定类型网页元素的位置信息，所 述浏览器主进程指定位置处创建并显示针对该预定类型网页元素的工具类窗口。B19、根 据B16所述的装置，其特征在于，还包括处理子模块，用于所述浏览器主进程接收对针对 该预定类型网页元素的工具类窗口的输入选择事件，结合所述预定类型网页元素的属性信 息；通过所述浏览器主进程所创建的针对所述预定类型网页元素的工具类窗口进行对所述 预定类型网页元素的处理。B20、根据B19所述的装置，其特征在于，所述预定类型网页元素 的处理，包括如下至少一项对所述预定类型网页元素的本地保存、分享、全屏显示。B21、根 据B15至B20中任一项所述的装置，其特征在于所述预定类型网页元素的位置信息，包括 以下一种或多种的组合所述预定类型网页元素在所述当前网页子进程的页面可见区域中 左上角位置坐标、所述预定类型网页元素的宽和高；以及所述预定类型网页元素的属性信 息，包括以下一种或多种的组合预定类型网页元素大小、预定类型网页元素在本地缓存的 地址、预定类型网页元素在云端的保存地址或所述预定类型网页元素的URL。B22、根据B14 所述的装置，其特征在于对预定类型网页元素的输入选择事件，包括以下一种或多种的组 合鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按 事件、触摸滑动事件、键盘选定。B23、根据B14至B22中任一项所述的装置，其特征在于， 所述预定类型网页元素的取消选择事件，包括如下任一种事件鼠标移出事件、触摸弹起事 件、键盘取消。B24、根据B14所述的装置，其特征在于所述指定位置为所述预定类型网页 元素区域内的任一位置；或者为所述预定类型网页元素边缘处的一位置。B25、根据B14所 述的装置，其特征在于，所述创建与显示模块还被配置成当启动浏览器时生成所述浏览器 主进程，所述浏览器主进程对应一个或多个网页子进程，所述浏览器主进程的针对该预定 类型网页元素的工具类窗口在所述一个或多个网页子进程之间交互使用。B26、根据B25所 述的装置，其特征在于，所述创建与显示模块还被配置成当前网页子进程给所述浏览器主 进程发送操作消息，以显示/隐藏所述浏览器主进程创建的针对该预定类型网页元素的工 具类窗口，以使针对该预定类型网页元素的工具类窗口在所述一个或多个网页子进程之间交互使用。
权利要求
1.一种用于浏览器的工具类窗口加载方法，包括 在网页子进程中打开网页标签，并获取网页中预定类型网页元素的位置信息； 在当前网页子进程中监测到对所述预定类型网页元素的输入选择事件，将所述预定类型网页元素的位置信息向浏览器主进程发送； 依据所述预定类型网页元素的位置信息，所述浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口； 所述网页子进程中监测到对当前网页中所述预定类型网页元素的取消选择事件，所述网页子进程通知所述浏览器主进程隐藏针对所述预定类型网页元素的工具类窗口。
2.根据权利要求1所述的方法，其特征在于，所述预定类型网页元素包括以下一种或多种的组合图片、视频、音频、插件以及网页块级元素。
3.根据权利要求1所述的方法，其特征在于，所述获取所述当前网页中预定类型网页元素的位置信息，还包括 所述当前网页子进程遍历当前网页中的预定类型网页元素的位置信息、属性信息；以及 将所述预定类型网页元素的位置信息和属性信息保存至所述当前网页子进程的缓存中。
4.根据权利要求3所述的方法，其特征在于，所述当前网页子进程遍历当前网页中的预定类型网页元素的位置信息、属性信息，包括 当加载所述网页标签时，所述当前网页子进程执行当前网页中的预定类型网页元素的脚本，以遍历当前网页中的预定类型网页元素的位置信息、属性信息；或者 当监测到对所述预定类型网页元素的输入选择事件时，所述当前网页子进程遍历当前网页中的当前预定类型网页元素的脚本，遍历当前网页中的当前预定类型网页元素的位置信息、属性信息。
5.如权利要求1所述的方法，其特征在于，所述依据所述预定类型网页元素的位置信息，所述浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口包括 获取当前光标的位置信息，并与所述预定类型网页元素的位置信息比较，判断当前光标是否在所述预定类型网页元素的显示区域中，将判断结果和所述预定类型网页元素的位置信息发送到所述浏览器的主进程； 依据所述判断结果和所述预定类型网页元素的位置信息，所述浏览器主进程指定位置处创建并显示针对该预定类型网页元素的工具类窗口。
6.根据权利要求3所述的方法，其特征在于，还包括 所述浏览器主进程接收对针对该预定类型网页元素的工具类窗口的输入选择事件，结合所述预定类型网页元素的属性信息；通过所述浏览器主进程所创建的针对所述预定类型网页元素的工具类窗口进行对所述预定类型网页元素的处理。
7.根据权利要求6所述的方法，其特征在于，所述预定类型网页元素的处理，包括如下至少一项 对所述预定类型网页元素的本地保存、分享、全屏显示。
8.根据权利要求2至7中任一项所述的方法，其特征在于所述预定类型网页元素的位置信息，包括以下一种或多种的组合所述预定类型网页元素在所述当前网页子进程的页面可见区域中左上角位置坐标、所述预定类型网页元素的宽和高；以及所述预定类型网页元素的属性信息，包括以下一种或多种的组合预定类型网页元素大小、预定类型网页元素在本地缓存的地址、预定类型网页元素在云端的保存地址或所述预定类型网页元素的URL。
9.根据权利要求1所述的方法，其特征在于对预定类型网页元素的输入选择事件，包括以下一种或多种的组合鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按事件、触摸滑动事件、 键盘选定。
10.根据权利要求1至9中任一项所述的方法，其特征在于，所述预定类型网页元素的取消选择事件，包括如下任一种事件鼠标移出事件、触摸弹起事件、键盘取消。
11.根据权利要求1所述的方法，其特征在于所述指定位置为所述预定类型网页元素区域内的任一位置；或者为所述预定类型网页元素边缘处的一位置。
12.根据权利要求1所述的方法，其特征在于当启动浏览器时生成所述浏览器主进程，所述浏览器主进程对应一个或多个网页子进程，所述浏览器主进程的针对该预定类型网页元素的工具类窗口在所述一个或多个网页子进程之间交互使用。
13.根据权利要求12所述的方法，其特征在于当前网页子进程给所述浏览器主进程发送操作消息，以显示/隐藏所述浏览器主进程创建的针对该预定类型网页元素的工具类窗口。
14.一种用于浏览器的工具类窗口加载装置，包括生成与获取模块，用于在网页子进程中打开网页标签，并获取网页中预定类型网页元素的位置信息；监测与发送模块，用于在当前网页子进程中监测到对所述预定类型网页元素的输入选择事件，将所述预定类型网页元素的位置信息向浏览器主进程发送；创建与显示模块，用于依据所述预定类型网页元素的位置信息，所述浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口；其中，所述监测与发送模块和创建与显示模块还被配置成所述网页子进程中监测到对当前网页中所述预定类型网页元素的取消选择事件，所述网页子进程通知所述浏览器主进程隐藏针对所述预定类型网页元素的工具类窗口。
15.根据权利要求14所述的装置，其特征在于，所述预定类型网页元素包括以下一种或多种的组合图片、视频、音频、插件以及块级元素。
16.根据权利要求14所述的装置，其特征在于，所述生成与获取模块包括遍历子模块，用于所述当前网页子进程遍历当前网页中的预定类型网页元素的位置信息、属性信息；以及缓存子模块，用于将所述预定类型网页元素的位置信息和属性信息保存至所述当前网页子进程的缓存中。
17.根据权利要求16所述的装置，其特征在于，所述遍历子模块还被配置成当加载所述网页标签时，所述当前网页子进程执行当前网页中的预定类型网页元素的脚本，以遍历当前网页中的预定类型网页元素的位置信息、属性信息；或者当监测到对所述预定类型网页元素的输入选择事件时，所述当前网页子进程遍历当前网页中的当前预定类型网页元素的脚本，遍历当前网页中的当前预定类型网页元素的位置信息、属性信息。
18.如权利要求14所述的装置，其特征在于，所述创建与显示模块还被配置成获取当前光标的位置信息，并与所述预定类型网页元素的位置信息比较，判断当前光标是否在所述预定类型网页元素的显示区域中，将判断结果和所述预定类型网页元素的位置信息发送到所述浏览器的主进程；依据所述判断结果和所述预定类型网页元素的位置信息，所述浏览器主进程指定位置处创建并显示针对该预定类型网页元素的工具类窗口。
19.根据权利要求16所述的装置，其特征在于，还包括处理子模块，用于所述浏览器主进程接收对针对该预定类型网页元素的工具类窗口的输入选择事件，结合所述预定类型网页元素的属性信息；通过所述浏览器主进程所创建的针对所述预定类型网页元素的工具类窗口进行对所述预定类型网页元素的处理。
20.根据权利要求19所述的装置，其特征在于，所述预定类型网页元素的处理，包括如下至少一项对所述预定类型网页元素的本地保存、分享、全屏显示。
全文摘要
本发明公开了一种用于浏览器的工具类窗口加载方法和装置，该装置包括生成与获取模块；监测与发送模块；创建与显示模块；其中，所述监测与发送模块和创建与显示模块还被配置成所述网页子进程中监测到对当前网页中所述预定类型网页元素的取消选择事件，所述网页子进程通知所述浏览器主进程隐藏针对所述预定类型网页元素的工具类窗口。本发明中，提高了在浏览器侧进行预定类型网页元素处理的效率，优化了浏览器工具条窗口的程序架构；针对该预定类型网页元素的工具类窗口可以在多个网页子进程之间交互使用，减少了网页子进程生成针对该预定类型网页元素的工具类窗口的负担。
文档编号G06F9/44GK103019703SQ201210495160
公开日2013年4月3日 申请日期2012年11月28日 优先权日2012年11月28日
发明者谢志宏, 李林, 莫宇龙, 任寰 申请人:北京奇虎科技有限公司, 奇智软件(北京)有限公司