CN102999613A - 一种在浏览器中加载工具类窗口的方法及其装置 - Google Patents

Abstract

本发明公开了一种在浏览器中加载工具类窗口的方法及其装置，该方法包括：在网页子进程中打开网页标签，并获取网页中预定类型网页元素的位置信息；在当前网页子进程中监测到对所述预定类型网页元素的输入选择事件，将所述预定类型网页元素的位置信息向浏览器主进程发送；依据所述预定类型网页元素的位置信息，所述浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口。本发明中，提高了在浏览器侧进行预定类型网页元素处理的效率，优化了浏览器工具条窗口的程序架构；针对该预定类型网页元素的工具类窗口可以在多个网页子进程之间交互使用，减少了网页子进程生成针对该预定类型网页元素的工具类窗口的负担。

Description

一种在浏览器中加载工具类窗口的方法及其装置

技术领域

本发明涉及互联网技术领域，具体地说，涉及一种在浏览器中加载工具类窗口的方法及其装置。

背景技术

浏览器是指可以显示网页服务器或者文件系统的HTML（HypertextMarkup Language，超文本标记语言）文件内容，并让用户与这些文件内容交互的一种程序。浏览器通过HTTP（Hypertext Transfer Protocol，超文本传送协议）协议与服务器交互并获取由URL（Uniform/Universal ResourceLocator，统一资源定位符）指定的网页，文件格式通常为HTML，并由MIME（Multipurpose Internet Mail Extensions，多功能网际邮件扩充协议）在HTTP协议中指明。浏览器除了支持除HTML格式外，还支持例如JPEG、PNG、GIF等图像格式，并且能够扩展支持众多的插件（plug-ins）。

随着网络技术的发展，人们对浏览器中的网页中图片的收集和处理（例如分享）的需求越来越高。现有技术中的图片工具条的加载是在当前网页页面进程中，使用网页中的JS（javascript）脚本进行DIV层的弹窗，弹窗中加载有对于图片处理的工具条项目。由于现有技术是通过JS脚本实现，因此网页中图片的展现效果仅限制于网页设计人员，若JS脚本设计出现程序问题则会导致的浏览器崩溃，使得浏览器工具条窗口的程序架构复杂，程序效率较低。

所以，目前迫切需要本领域解决的一个技术问题就是：提供一种在浏览器中加载工具类窗口的处理方案，用来解决在浏览器子进程中执行预定类型网页元素的处理所造成的浏览器故障问题。

发明内容

鉴于上述问题，提出了本发明以便提供了一种在浏览器中加载工具类窗口的方法及其装置，用来解决在浏览器子进程中执行预定类型网页元素的处理所造成的浏览器故障问题

根据本发明的一个方面，提供了一种在浏览器中加载工具类窗口的方法，其中，包括：

在网页子进程中打开网页标签，并获取网页中预定类型网页元素的位置信息；

在当前网页子进程中监测到对所述预定类型网页元素的输入选择事件，将所述预定类型网页元素的位置信息向浏览器主进程发送；

依据所述预定类型网页元素的位置信息，所述浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口。

优选地，在根据本发明的所述方法中，所述预定类型网页元素包括以下一种或多种的组合：图片、视频、音频、插件以及网页块级元素。

优选地，在根据本发明的所述方法中，获取所述当前网页中预定类型网页元素的位置信息，还包括：

所述当前网页子进程遍历当前网页中的预定类型网页元素的位置信息、属性信息；以及

将所述预定类型网页元素的位置信息和属性信息保存至所述当前网页子进程的缓存中。

优选地，在根据本发明的所述方法中，所述当前网页子进程遍历当前网页中的预定类型网页元素的位置信息、属性信息，包括：

当加载所述网页标签时，所述当前网页子进程执行当前网页中的预定类型网页元素的脚本，以遍历当前网页中的预定类型网页元素的位置信息、属性信息；或者

当监测到对所述预定类型网页元素的输入选择事件时，所述当前网页子进程遍历当前网页中的当前预定类型网页元素的脚本，遍历当前网页中的当前预定类型网页元素的位置信息、属性信息。

优选地，在根据本发明的所述方法中，依据所述预定类型网页元素的位置信息，所述浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口包括：

获取当前光标的位置信息，并与所述预定类型网页元素的位置信息比较，判断当前光标是否在所述预定类型网页元素的显示区域中，将判断结果和所述预定类型网页元素的位置信息发送到所述浏览器的主进程；

依据所述判断结果和所述预定类型网页元素的位置信息，所述浏览器主进程指定位置处创建并显示针对该预定类型网页元素的工具类窗口。

优选地，在本发明的方法还包括：

所述浏览器主进程接收对针对该预定类型网页元素的工具类窗口的输入选择事件，结合所述预定类型网页元素的属性信息；通过所述浏览器主进程所创建的针对所述预定类型网页元素的工具类窗口进行对所述预定类型网页元素的处理。

优选地，在根据本发明的所述方法中，所述预定类型网页元素的处理，包括如下至少一项：

对所述预定类型网页元素的本地保存、分享、全屏显示。

优选地，在根据本发明的所述方法中，所述预定类型网页元素的位置信息，包括以下一种或多种的组合：所述预定类型网页元素在所述当前网页子进程的页面可见区域中左上角位置坐标、所述预定类型网页元素的宽和高；以及

所述预定类型网页元素的属性信息，包括以下一种或多种的组合：预定类型网页元素大小、预定类型网页元素在本地缓存的地址、预定类型网页元素在云端的保存地址或所述预定类型网页元素的URL。

优选地，在根据本发明的所述方法中，对预定类型网页元素的输入选择事件，包括以下一种或多种的组合：鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按事件、触摸滑动事件、键盘选定。

优选地，在本发明的方法还包括，所述网页子进程中监测到对当前网页中所述预定类型网页元素的取消选择事件，所述网页子进程通知所述浏览器主进程隐藏针对所述预定类型网页元素的工具类窗口。

优选地，在根据本发明的所述方法中，所述预定类型网页元素的取消选择事件，包括如下任一种事件：鼠标移出事件、触摸弹起事件、键盘取消。

优选地，在根据本发明的所述方法中，所述指定位置为所述预定类型网页元素区域内的任一位置；或者为所述预定类型网页元素边缘处的一位置。

优选地，在根据本发明的所述方法中，当启动浏览器时生成所述浏览器主进程，所述浏览器主进程对应一个或多个网页子进程，所述浏览器主进程的针对该预定类型网页元素的工具类窗口在所述一个或多个网页子进程之间交互使用。

优选地，在根据本发明的所述方法中，当前网页子进程给所述浏览器主进程发送操作消息，以显示/隐藏所述浏览器主进程创建的针对该预定类型网页元素的工具类窗口。

根据本发明的另一个方面，提供了一种在浏览器中加载工具类窗口的装置，其中，包括：

生成与获取模块，用于在网页子进程中打开网页标签，并获取网页中预定类型网页元素的位置信息；

监测与发送模块，用于在当前网页子进程中监测到对所述预定类型网页元素的输入选择事件，将所述预定类型网页元素的位置信息向浏览器主进程发送；

创建与显示模块，用于依据所述预定类型网页元素的位置信息，所述浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口。

优选地，在根据本发明的所述装置中，生成与获取模块包括：

遍历子模块，用于所述当前网页子进程遍历当前网页中的预定类型网页元素的位置信息、属性信息；以及

缓存子模块，用于将所述预定类型网页元素的位置信息和属性信息保存至所述当前网页子进程的缓存中。

优选地，在根据本发明的所述装置中，遍历子模块还被配置成：

当加载所述网页标签时，所述当前网页子进程执行当前网页中的预定类型网页元素的脚本，以遍历当前网页中的预定类型网页元素的位置信息、属性信息；或者

当监测到对所述预定类型网页元素的输入选择事件时，所述当前网页子进程遍历当前网页中的当前预定类型网页元素的脚本，遍历当前网页中的当前预定类型网页元素的位置信息、属性信息。

优选地，在根据本发明的所述装置中，创建与显示模块还被配置成：

获取当前光标的位置信息，并与所述预定类型网页元素的位置信息比较，判断当前光标是否在所述预定类型网页元素的显示区域中，将判断结果和所述预定类型网页元素的位置信息发送到所述浏览器的主进程；

依据所述判断结果和所述预定类型网页元素的位置信息，所述浏览器主进程指定位置处创建并显示针对该预定类型网页元素的工具类窗口。

优选地，在根据本发明的所述装置还可以包括：处理子模块，用于所述浏览器主进程接收对针对该预定类型网页元素的工具类窗口的输入选择事件，结合所述预定类型网页元素的属性信息；通过所述浏览器主进程所创建的针对所述预定类型网页元素的工具类窗口进行对所述预定类型网页元素的处理。

优选地，在根据本发明的所述装置中，监测与发送模块和创建与显示模块还被配置成：

所述网页子进程中监测到对当前网页中所述预定类型网页元素的取消选择事件，所述网页子进程通知所述浏览器主进程隐藏针对所述预定类型网页元素的工具类窗口。

与现有的方案相比，本发明所获得的技术效果：根据本发明的技术方案有如下优点：提出了一种基于浏览器侧对网页预定类型网页元素进行处理的方案，在浏览器主进程中建立对一个或多个网页标签中的预定类型网页元素处理的机制，提高了在浏览器侧进行预定类型网页元素处理的效率，避免了对网页子进程中对于加载对于网页元素进行处理的工具窗口操作时给浏览器带来的负担和故障的问题，进一步优化了浏览器工具条窗口的程序架构，使得程序效率更高；并且一个浏览器主进程可以对应一个或多个网页子进程，浏览器主进程创建的针对该预定类型网页元素的工具类窗口可以在多个网页子进程之间交互使用，减少了网页子进程生成针对该预定类型网页元素的工具类窗口的负担，同时提高了针对该预定类型网页元素的工具类窗口的使用效率。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1示意性示出了根据本发明一个实施例的在浏览器中加载工具类窗口的方法的流程图；

图2示意性示出了根据本发明一个实施例的在浏览器中加载工具类窗口的方法的详细流程图；

图3示意性示出了根据本发明一个实施例的在浏览器中加载工具类窗口的装置的模块图；

图4示意性示出了根据本发明一个实施例的的加载工具类窗口的方法的流程图；

图5示意性示出了根据本发明一个实施例的隐藏针对预定类型网页元素的工具类窗口的流程示意图；

图6示意性示出了根据本发明一个实施例的针对图片元素加载图片工具条窗口的一网页示意图；

图7示意性示出了根据本发明一个实施例的加载针对图片元素的图片工具条窗口的方法详细流程示意图。

具体实施方式

下面结合附图和具体的实施方式对本发明作进一步的描述。

本发明的主要思想在于，在网页子进程中打开网页标签，并获取网页中预定类型网页元素的位置信息；在当前网页子进程中监测到对所述预定类型网页元素的输入选择事件，将所述预定类型网页元素的位置信息向浏览器主进程发送；依据所述预定类型网页元素的位置信息，所述浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口。

为使本发明的目的、技术方案和优点更加清楚，以下结合附图及具体实施例，对本发明作进一步地详细说明。

根据本发明的实施例，提供了一种在浏览器中加载工具类窗口的方法。

图1示意性示出了根据本发明一个实施例的在浏览器中加载工具类窗口的方法的流程图，该方法可以包括以下步骤。

在步骤S201处，在网页子进程中打开网页标签，并获取网页中预定类型网页元素的位置信息。

在本发明实施例中，当浏览器启动时，浏览器主进程自动启动，并在网页子进程中打开网页标签，特别的，一个浏览器主进程可以对应一个或者多个网页子进程。

当网页标签被打开时，所述当前网页子进程遍历当前网页中的预定类型网页元素的位置信息、属性信息，并将所述预定类型网页元素的位置信息和属性信息保存至所述当前网页子进程的缓存中。

在步骤S202处，在当前网页子进程中监测到对所述预定类型网页元素的输入选择事件，将所述预定类型网页元素的位置信息向浏览器主进程发送；

需要说明的是，在将所述预定类型网页元素的位置信息向浏览器主进程发送的同时，也将所述预定类型网页元素的属性信息向浏览器主进程发送，所述浏览器主进程接收网页子进程发送的位置信息和属性信息。

在步骤S203处，依据所述预定类型网页元素的位置信息，所述浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口。

依据所述预定类型网页元素的属性信息，通过所述浏览器主进程所创建的针对该预定类型网页元素的工具类窗口进行所述预定类型网页元素的处理。所述预定类型网页元素的处理可以包括：对所述预定类型网页元素的本地保存、分享、全屏显示等。

图2示意性示出了根据本发明一个实施例的在浏览器中加载工具类窗口的方法的详细流程图，具体可以包括以下步骤。

在步骤S301处，启动浏览器，生成浏览器主进程。

在步骤S302处，在网页子进程中打开网页标签。

当网页标签被加载时，网页子进程执行遍历网页中的预定类型网页元素的JS脚本，并通过浏览器辅助对象技术（BHO技术）实现步骤S303。

在步骤S303处，网页子进程获取网页中预定类型网页元素的位置信息和属性信息。

所述预定类型网页元素可以包括但不限于：图片、视频、音频、插件以及网页块级元素DIV。

本发明中的实施例中虽然具体以图片作为具体的网页元素，给出的实施例，并针对图片的位置信息进行图片工具类窗口的加载方案，其并不是用于限制本发明的保护范围的，对于例如网页中的视频插件、MP3的音乐插件或者PDF的文本类插件等网页元素都是适用于本发明的构思的。

当网页标签加载时被嵌入一段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所示，示意性示出了根据本发明一个实施例的针对图片元素加载图片工具条窗口的方法针对的一网页示意图，其中网页中的一图片元素1位于网页中的可显示区域client区域2，同时位于屏幕3上，光标4如图所示的位置，图片元素1上有一子框5。该子框5即为浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口，这里的预定类型网页元素在本实施例中为图片元素，本发明中但不限于是网页中的图片元素，也是适用于其它网页元素，例如音视频插件元素、文本阅读类插件等。该工具类的子框5还可以设置在图片元素1的周边处，或者在浏览器的预置位置处。

如图7所示，示意性示出了根据本发明一个实施例的加载针对图片元素的图片工具条窗口的方法详细流程示意图。当光标移动到图6所示的图片上时，其可以具体包括：

在步骤S701处，获取当前光标的位置信息并将当前光标在屏幕上位置信息转换为在浏览器的页面可见区域中的位置信息；

需要说明的是，由于打开网页时，图6中的光标一方面位于屏幕的坐标中，一方面又位于网页页面定义的可见区域client区域中，因此，为了避免误判，需要将光标4的位置信息统一到一个坐标系中，而由于图片元素1是基于浏览器页面的可见区域2进行定义的，因此本发明实施例中优选地将光标4在屏幕3上的位置信息一致的转换到浏览器的可见区域2中，获得其在浏览器的页面可见区域2中的光标的位置信息。

在步骤S702处，依据当前光标在浏览器的页面可见区域的位置信息与所述图片元素的位置信息进行比对，以判断当前光标的位置是否在所述图片元素的显示区域中。

如果当前光标的位置在所述图片元素的显示区域中，则执行步骤S703；否则，执行步骤S704。

在步骤S703处，依据所述图片元素的位置信息，所述浏览器主进程指定位置处创建并显示针对该图片元素的图片工具类窗口。

需要说明的是，该工具类窗口比如可以是实现全屏显示、分享或者本地保存等。

在步骤704处，判断是否有取消选择事件；

需要说明的是，所述图片元素的取消选择事件包括但不局限于鼠标移出事件、触摸弹起事件、键盘取消等等。

如果有取消选择事件，则执行步骤S705；否则，继续执行步骤S703。

在步骤S705处，浏览器主进程在制定位置处创建并隐藏图片工具条窗口。即在光标处于图片的范围中时，一般是加载显示该工具条窗口的；在光标不处于图片的范围中时，一般是隐藏该工具条窗口的。

要明确的是，本发明的实施例中使用了图片元素作为例子进行上述预定类型网页元素的工具类窗口的加载显示、隐藏的操作，这仅是为了示例说明，并不是用于限制本发明的保护范围，依据本发明的发明思想，其也是适用于除了图片元素以外的其它网页元素的，例如音视频插件元素、文本阅读类插件等也是可以依据本发明的方法加载对应的例如音频控制工具窗口、视频下载工具窗口、视频处理工具窗口等等其它类似工具窗口的。

由于上述本实施例基本相应于前述图1所示的方法实施例和图2所示的方法实施例，故本实施例的描述中未详尽之处，可以参见前述实施例中的相关说明，在此不做赘述。

在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的装置中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个装置中。可以把实施例中的模块组合成一个模块，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书（包括伴随的权利要求、摘要和附图）中公开的所有特征以及如此公开的任何方法或者装置的所有过程或单元进行组合。除非另外明确陈述，本说明书（包括伴随的权利要求、摘要和附图）中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器（DSP）来实现根据本发明实施例的浏览器加载针对针对该预定类型网页元素的工具类窗口的装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序（例如，计算机程序和计算机程序产品）。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

本文公开了A1、一种在浏览器中加载工具类窗口的方法，包括：在网页子进程中打开网页标签，并获取网页中预定类型网页元素的位置信息；在当前网页子进程中监测到对所述预定类型网页元素的输入选择事件，将所述预定类型网页元素的位置信息向浏览器主进程发送；依据所述预定类型网页元素的位置信息，所述浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口。A2、根据A1所述的方法，其特征在于，所述预定类型网页元素包括以下一种或多种的组合：图片、视频、音频、插件以及网页块级元素。A3、根据A1所述的方法，其特征在于，所述获取所述当前网页中预定类型网页元素的位置信息，还包括：所述当前网页子进程遍历当前网页中的预定类型网页元素的位置信息、属性信息；以及将所述预定类型网页元素的位置信息和属性信息保存至所述当前网页子进程的缓存中。A4、根据A3所述的方法，其特征在于，所述当前网页子进程遍历当前网页中的预定类型网页元素的位置信息、属性信息，包括：当加载所述网页标签时，所述当前网页子进程执行当前网页中的预定类型网页元素的脚本，以遍历当前网页中的预定类型网页元素的位置信息、属性信息；或者当监测到对所述预定类型网页元素的输入选择事件时，所述当前网页子进程遍历当前网页中的当前预定类型网页元素的脚本，遍历当前网页中的当前预定类型网页元素的位置信息、属性信息。A5、如A1所述的方法，其特征在于，所述依据所述预定类型网页元素的位置信息，所述浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口包括：获取当前光标的位置信息，并与所述预定类型网页元素的位置信息比较，判断当前光标是否在所述预定类型网页元素的显示区域中，将判断结果和所述预定类型网页元素的位置信息发送到所述浏览器的主进程；依据所述判断结果和所述预定类型网页元素的位置信息，所述浏览器主进程指定位置处创建并显示针对该预定类型网页元素的工具类窗口。A6、根据A3所述的方法，其特征在于，还包括：所述浏览器主进程接收对针对该预定类型网页元素的工具类窗口的输入选择事件，结合所述预定类型网页元素的属性信息；通过所述浏览器主进程所创建的针对所述预定类型网页元素的工具类窗口进行对所述预定类型网页元素的处理。A7、根据A6所述的方法，其特征在于，所述预定类型网页元素的处理，包括如下至少一项：对所述预定类型网页元素的本地保存、分享、全屏显示。A8、根据A2至A7中任一项所述的方法，其特征在于：所述预定类型网页元素的位置信息，包括以下一种或多种的组合：所述预定类型网页元素在所述当前网页子进程的页面可见区域中左上角位置坐标、所述预定类型网页元素的宽和高；以及所述预定类型网页元素的属性信息，包括以下一种或多种的组合：预定类型网页元素大小、预定类型网页元素在本地缓存的地址、预定类型网页元素在云端的保存地址或所述预定类型网页元素的URL。A9、根据A1所述的方法，其特征在于：对预定类型网页元素的输入选择事件，包括以下一种或多种的组合：鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按事件、触摸滑动事件、键盘选定。A10、根据A1所述的方法，其特征在于，还包括：所述网页子进程中监测到对当前网页中所述预定类型网页元素的取消选择事件，所述网页子进程通知所述浏览器主进程隐藏针对所述预定类型网页元素的工具类窗口。A11、根据A10所述的方法，其特征在于，所述预定类型网页元素的取消选择事件，包括如下任一种事件：鼠标移出事件、触摸弹起事件、键盘取消。A12、根据A1所述的方法，其特征在于：所述指定位置为所述预定类型网页元素区域内的任一位置；或者为所述预定类型网页元素边缘处的一位置。A13、根据A1所述的方法，其特征在于：当启动浏览器时生成所述浏览器主进程，所述浏览器主进程对应一个或多个网页子进程，所述浏览器主进程的针对该预定类型网页元素的工具类窗口在所述一个或多个网页子进程之间交互使用。A14、根据A13所述的方法，其特征在于：当前网页子进程给所述浏览器主进程发送操作消息，以显示/隐藏所述浏览器主进程创建的针对该预定类型网页元素的工具类窗口。

本文公开了B15、一种在浏览器中加载工具类窗口的装置，包括：生成与获取模块，用于在网页子进程中打开网页标签，并获取网页中预定类型网页元素的位置信息；监测与发送模块，用于在当前网页子进程中监测到对所述预定类型网页元素的输入选择事件，将所述预定类型网页元素的位置信息向浏览器主进程发送；创建与显示模块，用于依据所述预定类型网页元素的位置信息，所述浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口。B16、根据B15所述的装置，其特征在于，所述预定类型网页元素包括以下一种或多种的组合：图片、视频、音频、插件以及块级元素。B17、根据B15所述的装置，其特征在于，所述生成与获取模块包括：遍历子模块，用于所述当前网页子进程遍历当前网页中的预定类型网页元素的位置信息、属性信息；以及缓存子模块，用于将所述预定类型网页元素的位置信息和属性信息保存至所述当前网页子进程的缓存中。B18、根据B17所述的装置，其特征在于，所述遍历子模块还被配置成：当加载所述网页标签时，所述当前网页子进程执行当前网页中的预定类型网页元素的脚本，以遍历当前网页中的预定类型网页元素的位置信息、属性信息；或者当监测到对所述预定类型网页元素的输入选择事件时，所述当前网页子进程遍历当前网页中的当前预定类型网页元素的脚本，遍历当前网页中的当前预定类型网页元素的位置信息、属性信息。B19、如B15所述的装置，其特征在于，所述创建与显示模块还被配置成：获取当前光标的位置信息，并与所述预定类型网页元素的位置信息比较，判断当前光标是否在所述预定类型网页元素的显示区域中，将判断结果和所述预定类型网页元素的位置信息发送到所述浏览器的主进程；依据所述判断结果和所述预定类型网页元素的位置信息，所述浏览器主进程指定位置处创建并显示针对该预定类型网页元素的工具类窗口。B20、根据B17所述的装置，其特征在于，还包括：处理子模块，用于所述浏览器主进程接收对针对该预定类型网页元素的工具类窗口的输入选择事件，结合所述预定类型网页元素的属性信息；通过所述浏览器主进程所创建的针对所述预定类型网页元素的工具类窗口进行对所述预定类型网页元素的处理。B21、根据B20所述的装置，其特征在于，所述预定类型网页元素的处理，包括如下至少一项：对所述预定类型网页元素的本地保存、分享、全屏显示。B22、根据B16至B21中任一项所述的装置，其特征在于：所述预定类型网页元素的位置信息，包括以下一种或多种的组合：所述预定类型网页元素在所述当前网页子进程的页面可见区域中左上角位置坐标、所述预定类型网页元素的宽和高；以及所述预定类型网页元素的属性信息，包括以下一种或多种的组合：预定类型网页元素大小、预定类型网页元素在本地缓存的地址、预定类型网页元素在云端的保存地址或所述预定类型网页元素的URL。B23、根据B15所述的装置，其特征在于：对预定类型网页元素的输入选择事件，包括以下一种或多种的组合：鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按事件、触摸滑动事件、键盘选定。B24、根据B15所述的装置，其特征在于，所述监测与发送模块和创建与显示模块还被配置成：所述网页子进程中监测到对当前网页中所述预定类型网页元素的取消选择事件，所述网页子进程通知所述浏览器主进程隐藏针对所述预定类型网页元素的工具类窗口。B25、根据B24所述的装置，其特征在于，所述预定类型网页元素的取消选择事件，包括如下任一种事件：鼠标移出事件、触摸弹起事件、键盘取消。B26、根据B15所述的装置，其特征在于：所述指定位置为所述预定类型网页元素区域内的任一位置；或者为所述预定类型网页元素边缘处的一位置。B27、根据B15所述的装置，其特征在于，所述创建与显示模块还被配置成：当启动浏览器时生成所述浏览器主进程，所述浏览器主进程对应一个或多个网页子进程，所述浏览器主进程的针对该预定类型网页元素的工具类窗口在所述一个或多个网页子进程之间交互使用。B28、根据B27所述的装置，其特征在于，所述创建与显示模块还被配置成：当前网页子进程给所述浏览器主进程发送操作消息，以显示/隐藏所述浏览器主进程创建的针对该预定类型网页元素的工具类窗口，以使针对该预定类型网页元素的工具类窗口在所述一个或多个网页子进程之间交互使用。

Claims (20)

1.一种在浏览器中加载工具类窗口的方法，包括：

在网页子进程中打开网页标签，并获取网页中预定类型网页元素的位置信息；

在当前网页子进程中监测到对所述预定类型网页元素的输入选择事件，将所述预定类型网页元素的位置信息向浏览器主进程发送；

依据所述预定类型网页元素的位置信息，所述浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口。

2.根据权利要求1所述的方法，其特征在于，所述预定类型网页元素包括以下一种或多种的组合：图片、视频、音频、插件以及网页块级元素。

3.根据权利要求1所述的方法，其特征在于，所述获取所述当前网页中预定类型网页元素的位置信息，还包括：

所述当前网页子进程遍历当前网页中的预定类型网页元素的位置信息、属性信息；以及

将所述预定类型网页元素的位置信息和属性信息保存至所述当前网页子进程的缓存中。

4.根据权利要求3所述的方法，其特征在于，所述当前网页子进程遍历当前网页中的预定类型网页元素的位置信息、属性信息，包括：

当加载所述网页标签时，所述当前网页子进程执行当前网页中的预定类型网页元素的脚本，以遍历当前网页中的预定类型网页元素的位置信息、属性信息；或者

当监测到对所述预定类型网页元素的输入选择事件时，所述当前网页子进程遍历当前网页中的当前预定类型网页元素的脚本，遍历当前网页中的当前预定类型网页元素的位置信息、属性信息。

5.如权利要求1所述的方法，其特征在于，所述依据所述预定类型网页元素的位置信息，所述浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口包括：

获取当前光标的位置信息，并与所述预定类型网页元素的位置信息比较，判断当前光标是否在所述预定类型网页元素的显示区域中，将判断结果和所述预定类型网页元素的位置信息发送到所述浏览器的主进程；

依据所述判断结果和所述预定类型网页元素的位置信息，所述浏览器主进程指定位置处创建并显示针对该预定类型网页元素的工具类窗口。

6.根据权利要求3所述的方法，其特征在于，还包括：

所述浏览器主进程接收对针对该预定类型网页元素的工具类窗口的输入选择事件，结合所述预定类型网页元素的属性信息；通过所述浏览器主进程所创建的针对所述预定类型网页元素的工具类窗口进行对所述预定类型网页元素的处理。

7.根据权利要求6所述的方法，其特征在于，所述预定类型网页元素的处理，包括如下至少一项：

对所述预定类型网页元素的本地保存、分享、全屏显示。

8.根据权利要求2至7中任一项所述的方法，其特征在于：

所述预定类型网页元素的位置信息，包括以下一种或多种的组合：所述预定类型网页元素在所述当前网页子进程的页面可见区域中左上角位置坐标、所述预定类型网页元素的宽和高；以及

所述预定类型网页元素的属性信息，包括以下一种或多种的组合：预定类型网页元素大小、预定类型网页元素在本地缓存的地址、预定类型网页元素在云端的保存地址或所述预定类型网页元素的URL。

9.根据权利要求1所述的方法，其特征在于：

对预定类型网页元素的输入选择事件，包括以下一种或多种的组合：鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按事件、触摸滑动事件、键盘选定。

10.根据权利要求1所述的方法，其特征在于，还包括：

所述网页子进程中监测到对当前网页中所述预定类型网页元素的取消选择事件，所述网页子进程通知所述浏览器主进程隐藏针对所述预定类型网页元素的工具类窗口。

11.根据权利要求10所述的方法，其特征在于，所述预定类型网页元素的取消选择事件，包括如下任一种事件：

鼠标移出事件、触摸弹起事件、键盘取消。

12.根据权利要求1所述的方法，其特征在于：

所述指定位置为所述预定类型网页元素区域内的任一位置；或者

为所述预定类型网页元素边缘处的一位置。

13.根据权利要求1所述的方法，其特征在于：

当启动浏览器时生成所述浏览器主进程，所述浏览器主进程对应一个或多个网页子进程，所述浏览器主进程的针对该预定类型网页元素的工具类窗口在所述一个或多个网页子进程之间交互使用。

14.根据权利要求13所述的方法，其特征在于：

当前网页子进程给所述浏览器主进程发送操作消息，以显示/隐藏所述浏览器主进程创建的针对该预定类型网页元素的工具类窗口。

15.一种在浏览器中加载工具类窗口的装置，包括：

生成与获取模块，用于在网页子进程中打开网页标签，并获取网页中预定类型网页元素的位置信息；

监测与发送模块，用于在当前网页子进程中监测到对所述预定类型网页元素的输入选择事件，将所述预定类型网页元素的位置信息向浏览器主进程发送；

创建与显示模块，用于依据所述预定类型网页元素的位置信息，所述浏览器主进程在指定位置处创建并显示针对该预定类型网页元素的工具类窗口。

16.根据权利要求15所述的装置，其特征在于，所述预定类型网页元素包括以下一种或多种的组合：图片、视频、音频、插件以及块级元素。

17.根据权利要求15所述的装置，其特征在于，所述生成与获取模块包括：

遍历子模块，用于所述当前网页子进程遍历当前网页中的预定类型网页元素的位置信息、属性信息；以及

缓存子模块，用于将所述预定类型网页元素的位置信息和属性信息保存至所述当前网页子进程的缓存中。

18.根据权利要求17所述的装置，其特征在于，所述遍历子模块还被配置成：

当加载所述网页标签时，所述当前网页子进程执行当前网页中的预定类型网页元素的脚本，以遍历当前网页中的预定类型网页元素的位置信息、属性信息；或者

当监测到对所述预定类型网页元素的输入选择事件时，所述当前网页子进程遍历当前网页中的当前预定类型网页元素的脚本，遍历当前网页中的当前预定类型网页元素的位置信息、属性信息。

19.如权利要求15所述的装置，其特征在于，所述创建与显示模块还被配置成：

获取当前光标的位置信息，并与所述预定类型网页元素的位置信息比较，判断当前光标是否在所述预定类型网页元素的显示区域中，将判断结果和所述预定类型网页元素的位置信息发送到所述浏览器的主进程；

依据所述判断结果和所述预定类型网页元素的位置信息，所述浏览器主进程指定位置处创建并显示针对该预定类型网页元素的工具类窗口。

20.根据权利要求17所述的装置，其特征在于，还包括：处理子模块，用于所述浏览器主进程接收对针对该预定类型网页元素的工具类窗口的输入选择事件，结合所述预定类型网页元素的属性信息；通过所述浏览器主进程所创建的针对所述预定类型网页元素的工具类窗口进行对所述预定类型网页元素的处理。

Images