CN103020178A - 一种浏览器加载图片工具条的方法和装置 - Google Patents

Abstract

本发明涉及一种浏览器加载图片工具条的方法和装置，其中所述方法包括：在网页子进程中打开网页标签，并获取网页中图片元素的位置信息；在所述当前网页子进程中监测到对所述图片元素的输入选择事件，将所述图片元素的位置信息向浏览器主进程发送；依据所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示图片工具条窗口。本发明提出了一种基于浏览器侧对网页图片元素进行处理的方案，在浏览器主进程中建立了对一个或多个网页标签中的图片元素进行处理的机制，提高了在浏览器侧进程图片元素处理的效率，并且很好的避免了对网页子进程的操作给浏览器主进程带来的故障问题。

Description

一种浏览器加载图片工具条的方法和装置

技术领域

本发明涉及计算机技术领域，尤其涉及一种浏览器加载图片工具条的方法和装置。

背景技术

浏览器是指可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件。网页浏览器主要通过HTTP协议与网页服务器交互并获取网页，这些网页由URL指定，文件格式通常为HTML，并由MIME在HTTP协议中指明。一个网页中可以包括多个文档，每个文档都是分别从服务器获取的。大部分的浏览器本身支持除了HTML之外的广泛的格式，例如：JPEG、PNG、GIF等图像格式，并且能够扩展支持众多的插件（plug-ins）。另外，许多浏览器还支持其他的URL类型及其相应的协议，例如：FTP、Gopher、HTTPS（HTTP协议的加密版本）。HTTP内容类型和URL协议规范允许网页设计者在网页中嵌入图像、动画、视频、声音、流媒体等。个人电脑上常见的网页浏览器包括微软的Internet Explorer、Mozilla的Firefox、Apple的Safari、Opera、Google Chrome、GreenBrowser、360安全浏览器、搜狗高速浏览器、天天浏览器、腾讯TT浏览器、傲游浏览器、百度浏览器、腾讯QQ浏览器等，浏览器是最经常使用到的客户端程序。

用户在浏览器中对于网页中图片元素的收集和处理越来越多，例如图片元素的分享功能。现有图片元素工具条的加载是在当前网页页面进程中（网页子进程），使用网页中的JS脚本进行DIV层的弹窗，弹窗中加载了对于图片元素的处理的工具条项目，例如图1所示的“分享”图片工具条窗口，其中，DIV弹窗中有分享到不同网站的处理项。同样，在图片工具条窗口中也可以加入包括保存、收集用的处理项。

所述的对网页中图片元素的处理是使用JS脚本实现的，弹窗中的内容是由网页设计人员根据需要进行设计的，其展现效果限制于网页设计人员，其中会经常出现由于JS脚本程序设计问题而导致浏览器崩溃的问题，因此，在浏览器中对于网页中图片元素的处理会导致浏览器侧（浏览器主进程）的故障问题，但是解决方案都不是基于浏览器侧进行的。

所以，目前迫切需要本领域解决的一个技术问题就是：提供一种基于浏览器侧的网页图片元素处理方案，通过在浏览器主进程中加载图片工具条进行图片元素处理，实现网页图片元素的收集、保存、上传、全屏显示、URL网络保存等目的，用来解决在浏览器子进程中执行图片元素的处理造成的浏览器故障问题。

发明内容

鉴于上述问题，本发明的主要目的在于提供一种浏览器加载图片工具条的方法和装置，以解决现有技术中依靠网页子进程中的图片工具条窗口执行图片元素的处理所造成的浏览器崩溃问题。

为了解决上述技术问题，本发明的目的是通过以下技术方案实现的：

本发明公开了一种浏览器加载图片工具条的方法，包括以下步骤：在网页子进程中打开网页标签，并获取网页中图片元素的位置信息；在所述当前网页子进程中监测到对所述图片元素的输入选择事件，将所述图片元素的位置信息向浏览器主进程发送；依据所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示图片工具条窗口。

优选的，根据本发明的所述的方法还可以包括：在网页子进程中打开网页标签，同时获取网页中所述图片元素的属性信息；以及当在所述当前网页子进程中监测到对所述图片元素的输入选择事件时，将所述图片元素的属性信息向所述浏览器主进程发送。

优选的，在根据本发明的所述的方法中，所述在网页子进程中打开网页标签还包括：所述当前网页子进程遍历网页中的图片元素的位置信息和属性信息；以及将所述图片元素的位置信息和属性信息保存至所述当前网页子进程的缓存中。

优选的，在根据本发明的所述的方法中，所述图片元素的位置信息包括：所述图片元素在所述当前网页子进程的页面可见区域中的左上角位置坐标和所述图片元素的宽和高；以及所述图片元素的属性信息包括：图片大小、图片在本地缓存的地址、图片在云端的保存地址和/或所述图片元素的URL。

优选的，在根据本发明的所述方法中，所述图片元素的输入选择事件包括如下任一种事件：鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按事件、触摸滑动事件、键盘选定。

优选的，根据本发明的所述方法还可以包括：所述浏览器主进程接收对图片工具条窗口的输入选择事件，依据所述属性信息，通过所述浏览器主进程所创建的所述图片工具条窗口进行对所述图片元素的处理。

优选的，在根据本发明的所述方法中，所述图片元素的处理包括如下至少一项：对所述图片元素的本地保存、分享、全屏显示、URL网络保存和上传至指定网站。

优选的，在根据本发明的所述方法中，所述URL网络保存和上传至指定网站还包括：将浏览器与所述URL网络及浏览器所述指定网站进行绑定；以及当进行对图片元素的处理时，所述图片元素的属性信息自动上传至所述URL网络及指定网站。

优选的，根据本发明的所述方法还可以包括：当在所述当前网页子进程中监测到对所述图片元素的取消选择事件时，所述当前网页子进程通知所述浏览器主进程隐藏所述图片工具条窗口。

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

优选的，根据本发明的所述方法还可以包括：当在所述当前子进程中再次监测到所述图片元素的输入选择事件时，在所述浏览器主进程中直接显示所述图片工具条窗口。

优选的，在根据本发明的所述方法中，所述指定位置为所述图片元素区域内的任一位置；或者为与所述图片元素边缘处的一位置。

优选的，在根据本发明的所述方法中，当启动浏览器时生成所述主进程，所述主进程对应一个或多个网页子进程，所述主进程的图片工具条窗口在所述一个或多个网页子进程之间交互使用。

本发明还公开了一种浏览器加载图片工具条的装置，所述装置包括：生成与获取模块，用于在网页子进程中打开网页标签，并获取网页中图片元素的位置信息；监测与发送模块，用于在所述当前网页子进程中监测到对所述图片元素的输入选择事件，将所述图片元素的位置信息向浏览器主进程发送；创建与显示模块，用于依据所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示图片工具条窗口。

优选的，在所述装置中，生成与获取模块还被配置成：在网页子进程中打开网页标签，同时获取网页中所述图片元素的属性信息；以及当在所述当前网页子进程中监测到对所述图片元素的输入选择事件时，将所述图片元素的属性信息向所述浏览器主进程发送。

优选的，在所述装置中，生成与获取模块还可以包括：遍历子模块，用于所述当前网页子进程遍历网页中的图片元素的位置信息和属性信息；以及缓存子模块，用于将所述图片元素的位置信息和属性信息保存至所述当前网页子进程的缓存中。

优选的，在所述装置中，所述图片元素的输入选择事件包括如下任一种事件：鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按事件、触摸滑动事件、键盘选定。

优选的，在所述装置中，所述创建与显示模块还被配置成：所述浏览器主进程接收对图片工具条窗口的输入选择事件，依据所述属性信息，通过所述浏览器主进程所创建的所述图片工具条窗口进行对所述图片元素的处理。

优选的，在所述装置中，创建与显示模块还可以包括操作模块：用于执行对所述图片元素的本地保存、分享、全屏显示、URL网络保存和上传至指定网站。

优选的，在所述装置中，所述操作模块还被配置成：将浏览器与所述URL网络及浏览器所述指定网站进行绑定；以及当进行对图片元素的处理时，所述图片元素的属性信息自动上传至所述URL网络及指定网站。

优选的，在所述装置中，监测与发送模块和创建与显示模块还被配置成：当在所述当前网页子进程中监测到对所述图片元素的取消选择事件时，所述当前网页子进程通知所述浏览器主进程隐藏所述图片工具条窗口。

优选的，在所述装置中，所述图片元素的取消选择事件包括如下任一种事件：鼠标移出事件、触摸弹起事件、键盘取消。

优选的，在所述装置中，监测与发送模块和创建与显示模块还被配置成：当在所述当前子进程中再次监测到所述图片元素的输入选择事件时，在所述浏览器主进程中直接显示所述图片工具条窗口。

优选的，在所述装置中，创建与显示模块还可以包括：所述指定位置为所述图片元素区域内的任何位置或者为与所述图片元素边缘衔接的任何位置。

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

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：

图1是描述现有技术的浏览器加载图片工具条的示意图；

图2是根据本发明实施例的浏览器加载图片工具条的方法的流程图；

图3是根据本发明实施例的浏览器加载图片工具条的方法的详细流程图；以及

图4是根据本发明实施例的浏览器加载图片工具条的装置的模块图。

具体实施方式

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

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

根据本发明的实施例，提供了一种浏览器加载图片工具条的方法。

图2是本发明实施例的浏览器加载图片工具条的方法的流程图，该方法可以包括以下步骤。

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

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

当网页标签被打开时，当前网页子进程遍历网页中的图片元素的位置信息和属性信息，并且将所述图片的位置信息和属性信息发送到当前网页子进程的缓存中进行保存。

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

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

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

依据所述图片元素的属性信息，通过所述浏览器主进程所创建的所述图片工具条窗口进行所述图片元素的处理。图片元素的处理可以包括：图片元素的本地保存、分享、全屏显示、URL网络保存和上传至指定网站等。

图3是本发明实施例的浏览器加载图片工具条的方法的详细流程图，具体可以包括以下步骤。

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

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

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

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

当网页标签加载时被嵌入一段JS代码，目的是遍历网页中的图片元素的位置信息和属性信息，并且将上述图片元素的位置信息和属性信息上传到网页子进程的缓存中。

其中，所述图片元素的位置信息可以包括但不限于：所述图片元素在所述当前网页子进程的页面可见区域中的左上角位置坐标和所述图片元素的宽和高等等；属性信息可以包括但不限于：图片大小、图片在本地缓存的地址、图片在云端的保存地址和/或所述图片元素的URL等等。

在步骤S304处，网页子进程缓存存储所述图片元素的位置信息和属性信息。

在步骤S305处，在所述当前网页子进程中监测对所述图片元素的输入选择事件。

本发明中有输入选择事件的网页元素是图片元素，对图片元素进行监测，监测的同时执行步骤S306，对监测结果做出判断。

在步骤S306处，判断是否有输入选择事件。

当确定有输入选择事件时，执行步骤S307，否则返回去执行步骤S305。

所述输入选择事件可以包括如下任一种事件：鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按事件、触摸滑动事件、键盘选定。

在步骤S307处，将所述图片元素的位置信息和属性信息向浏览器主进程发送。

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

该图片工具条窗口由浏览器主进程生成，可以在不同网页子进程之间复用，在不同的网页子进程中，图片工具条窗口的位置可以根据图片元素的位置信息来确定。

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

当判断有取消选择事件时，该方法继续进行到步骤S312，否则该方法继续进行到步骤S310。

所述取消选择事件包括如下任一种事件：鼠标移出事件、触摸弹起事件、键盘取消。

在步骤S310处，判断是否执行图片元素处理。也即是说，判断浏览器用户是否需要执行图片元素的处理。

如果判断浏览器用户要执行图片元素的处理，，则本方法继续到步骤S311，否则继续到步骤S312。

在步骤S311处，通过所述浏览器主进程所创建的所述图片工具条窗口进行对所述图片元素的处理。

所谓图片元素的处理可以包括但不限于对图片元素进行本地保存、分享、全屏显示、URL网络保存、上传至指定网址等操作。

其中，URL网络及指定网址均与浏览器进行绑定，浏览器用户登录时，URL网络和指定网址同时实现登录，即，使用浏览器用户信息就可以登录URL网络和指定网址。

对于图片工具条窗口可以根据需求进行设计，例如：将浏览器主进程中生成的图片工具条窗口中加载网站的链接，又如，图片工具条窗口设计为一个可以加载某图片网站的按钮，通过点击该按钮将网页子进程获取的图片元素的属性信息向图片网站提交。

在步骤S312处，所述当前网页子进程通知所述浏览器主进程隐藏所述图片工具条窗口。

当发生取消选择事件时，浏览器主进程隐藏所述图片工具条窗口，并且保留已经接收的所述图片元素的位置信息和属性信息。

然后，该方法继续到步骤S313，在步骤S313处，判断是否再次识别有输入选择事件。

当所述图片工具条窗口处于隐藏状态时，要对所述网页子进程中的图片元素进行判断，是否再次识别有输入选择事件，判断为是，则本方法继续到步骤S315，否则本方法继续到步骤S314。

在步骤S314处，所述浏览器主进程隐藏所述图片元素的图片工具条窗口。

若所述网页子进程中的图片元素未发生输入选择事件，浏览器主进程继续隐藏所述图片工具条窗口，同时本发明继续到步骤S313。

在步骤S315处，所述当前网页子进程通知浏览器主进程创建所述图片元素的图片工具条窗口。

本发明还提供了一种浏览器加载图片工具条的装置，参照图4所示为根据本发明实施例的浏览器加载图片工具条的装置的模块图。

根据本发明的装置，可以包括生成与获取模块401、监测与发送模块402、创建与显示模块403。

生成与获取模块401，用于在网页子进程中打开网页标签，并获取网页中图片元素的位置信息。

当浏览器被启动时，生成与获取模块401自动启动一个浏览器主进程，并在网页子进程中打开网页标签，一个浏览器主进程对应一个或多个网页子进程。

同时，生成与获取模块401还包括遍历子模块（未示出）和缓存子模块（未示出）。当网页标签被打开时，遍历子模块遍历网页中图片元素的位置信息和属性信息，并将所述图片元素的位置信息和属性信息发送给缓存子模块进行保存。

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

监测与发送模块402可以监测当前网页子进程中的图片元素的输入选择事件和取消选择事件，当监测到图片元素的输入选择事件时，将所述图片元素的位置信息向创建与显示模块403发送；当监测到图片元素的输入选择事件后，又监测到取消选择事件，监测与发送模块402通知创建与显示模块403隐藏所述图片元素的图片工具条窗口，保留所述图片元素的位置信息，当再次监测到该图片元素有输入选择事件时，通知创建与显示模块403显示处于隐藏状态的图片工具条窗口。

需要说明的是，监测与发送模块402在向浏览器主进程发送图片元素的位置信息的同时也向浏览器主进程发送属性信息。

创建与显示模块403，用于依据所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示图片工具条窗口。

由于一个浏览器主进程只创建一个图片工具条窗口，所以实现了图片工具条在各个网页子进程中的复用。

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

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

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

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

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

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

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

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

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

本文公开了B14、一种浏览器加载图片工具条的装置，所述装置包括：生成与获取模块，用于在网页子进程中打开网页标签，并获取网页中图片元素的位置信息；监测与发送模块，用于在所述当前网页子进程中监测到对所述图片元素的输入选择事件，将所述图片元素的位置信息向浏览器主进程发送；创建与显示模块，用于依据所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示图片工具条窗口。B15、根据B14所述的装置，生成与获取模块还被配置成：在网页子进程中打开网页标签，同时获取网页中所述图片元素的属性信息；以及当在所述当前网页子进程中监测到对所述图片元素的输入选择事件时，将所述图片元素的属性信息向所述浏览器主进程发送。B16、根据B15所述的装置，其中，生成与获取模块还包括：遍历子模块，用于所述当前网页子进程遍历网页中的图片元素的位置信息和属性信息；以及缓存子模块，用于将所述图片元素的位置信息和属性信息保存至所述当前网页子进程的缓存中。B17、根据B14所述的装置，其中：所述图片元素的输入选择事件包括如下任一种事件：鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按事件、触摸滑动事件、键盘选定。B18、根据B15-B17任一项所述的装置，其中，所述创建与显示模块还被配置成：所述浏览器主进程接收对图片工具条窗口的输入选择事件，依据所述属性信息，通过所述浏览器主进程所创建的所述图片工具条窗口进行对所述图片元素的处理。B19、根据B18所述的装置，其中，创建与显示模块还包括操作模块：用于执行对所述图片元素的本地保存、分享、全屏显示、URL网络保存和上传至指定网站。B20、根据B18所述的装置，其中，所述操作模块还被配置成：将浏览器与所述URL网络及浏览器所述指定网站进行绑定；以及当进行对图片元素的处理时，所述图片元素的属性信息自动上传至所述URL网络及指定网站。B21、根据B14-B17任一项所述的装置，其中，监测与发送模块和创建与显示模块还被配置成：当在所述当前网页子进程中监测到对所述图片元素的取消选择事件时，所述当前网页子进程通知所述浏览器主进程隐藏所述图片工具条窗口。B22、根据B21所述的装置，其中，所述图片元素的取消选择事件包括如下任一种事件：鼠标移出事件、触摸弹起事件、键盘取消。B23、根据B21所述的装置，监测与发送模块和创建与显示模块还被配置成：当在所述当前子进程中再次监测到所述图片元素的输入选择事件时，在所述浏览器主进程中直接显示所述图片工具条窗口。B24、根据B14-B17任一项所述的装置，创建与显示模块还包括：所述指定位置为所述图片元素区域内的任何位置或者为与所述图片元素边缘衔接的任何位置。

Claims (20)

1.一种浏览器加载图片工具条的方法，包括：

在网页子进程中打开网页标签，并获取网页中图片元素的位置信息；

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

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

2.根据权利要求1所述的方法，还包括：

在网页子进程中打开网页标签，同时获取网页中所述图片元素的属性信息；以及

当在所述当前网页子进程中监测到对所述图片元素的输入选择事件时，将所述图片元素的属性信息向所述浏览器主进程发送。

3.根据权利要求2所述的方法，其中，所述在网页子进程中打开网页标签还包括：

所述当前网页子进程遍历网页中的图片元素的位置信息和属性信息；以及

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

4.根据权利要求3所述的方法，其中：

所述图片元素的位置信息包括：所述图片元素在所述当前网页子进程的页面可见区域中的左上角位置坐标和所述图片元素的宽和高；以及

所述图片元素的属性信息包括：图片大小、图片在本地缓存的地址、图片在云端的保存地址和/或所述图片元素的URL。

5.根据权利要求1所述的方法，其中：

所述图片元素的输入选择事件包括如下任一种事件：鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按事件、触摸滑动事件、键盘选定。

6.根据权利要求2-5任一项所述的方法，还包括：

所述浏览器主进程接收对图片工具条窗口的输入选择事件，依据所述属性信息，通过所述浏览器主进程所创建的所述图片工具条窗口进行对所述图片元素的处理。

7.根据权利要求6所述的方法，其中，所述图片元素的处理包括如下至少一项：

对所述图片元素的本地保存、分享、全屏显示、URL网络保存和上传至指定网站。

8.根据权利要求7所述的方法，其中，所述URL网络保存和上传至指定网站还包括：

将浏览器与所述URL网络及浏览器所述指定网站进行绑定；以及

当进行对图片元素的处理时，所述图片元素的属性信息自动上传至所述URL网络及指定网站。

9.根据权利要求1-5任一项所述的方法，还包括：

当在所述当前网页子进程中监测到对所述图片元素的取消选择事件时，所述当前网页子进程通知所述浏览器主进程隐藏所述图片工具条窗口。

10.根据权利要求9所述的方法，其中，所述图片元素的取消选择事件包括如下任一种事件：

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

11.根据权利要求9所述的方法，还包括：

当在所述当前子进程中再次监测到所述图片元素的输入选择事件时，在所述浏览器主进程中直接显示所述图片工具条窗口。

12.根据权利要求1-5任一项所述的方法，其中：

所述指定位置为所述图片元素区域内的任一位置；或者

为与所述图片元素边缘处的一位置。

13.根据权利要求1-5任一项所述的方法，其中：

当启动浏览器时生成所述浏览器主进程，所述浏览器主进程对应一个或多个网页子进程，所述浏览器主进程的图片工具条窗口在所述一个或多个网页子进程之间交互使用。

14.一种浏览器加载图片工具条的装置，所述装置包括：

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

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

创建与显示模块，用于依据所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示图片工具条窗口。

15.根据权利要求14所述的装置，生成与获取模块还被配置成：

在网页子进程中打开网页标签，同时获取网页中所述图片元素的属性信息；以及

当在所述当前网页子进程中监测到对所述图片元素的输入选择事件时，将所述图片元素的属性信息向所述浏览器主进程发送。

16.根据权利要求15所述的装置，其中，生成与获取模块还包括：

遍历子模块，用于所述当前网页子进程遍历网页中的图片元素的位置信息和属性信息；以及

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

17.根据权利要求14所述的装置，其中：

所述图片元素的输入选择事件包括如下任一种事件：鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按事件、触摸滑动事件、键盘选定。

18.根据权利要求15-17任一项所述的装置，其中，所述创建与显示模块还被配置成：

所述浏览器主进程接收对图片工具条窗口的输入选择事件，依据所述属性信息，通过所述浏览器主进程所创建的所述图片工具条窗口进行对所述图片元素的处理。

19.根据权利要求18所述的装置，其中，创建与显示模块还包括操作模块：

用于执行对所述图片元素的本地保存、分享、全屏显示、URL网络保存和上传至指定网站。

20.根据权利要求18所述的装置，其中，所述操作模块还被配置成：

将浏览器与所述URL网络及浏览器所述指定网站进行绑定；以及

当进行对图片元素的处理时，所述图片元素的属性信息自动上传至所述URL网络及指定网站。

Images