图片工具条加载方法和装置制造方法及图纸

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

【技术实现步骤摘要】

本专利技术涉及计算机
，尤其涉及一种图片工具条加载方法和装置。
技术介绍
浏览器是指可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件。网页浏览器主要通过HTTP协议与网页服务器交互并获取网页，这些网页由URL指定，文件格式通常为HTML，并由MME在HTTP协议中指明。一个网页中可以包括多个文档，每个文档都是分别从服务器获取的。大部分的浏览器本身支持除了HTML之外的广泛的格式，例如JPEG、PNG、GIF等图像格式，并且能够扩展支持众多的插件(plug-ins)。另外，许多浏览器还支持其他的URL类型及其相应的协议，例如FTP、Gopher、HTTPS (HTTP协议的加密版本)。HTTP内容类型和URL协议规范允许网页设计者在网页中嵌入图像、动画、视频、声音、流媒体等。个人电脑上常见的网页浏览器包括微软的InternetExplorer>Mozilia 的 Firefox、Apple 的 Safari、0pera、Google Chrome、GreenBrowser、360安全浏览器、搜狗高速浏览器、天天浏览器、腾讯TT浏览器、傲游浏览器、百度浏览器、腾讯QQ浏览器等，浏览器是最经常使用到的客户端程序。用户在浏览器中对于网页中图片元素的收集和处理越来越多，例如图片元素的分享功能。现有图片元素工具条的加载是在当前网页页面进程中(网页子进程)，使用网页中的JS脚本进行DIV层的弹窗，弹窗中加载了对于图片元素的处理的工具条项目，例如图I所示的“分享”图片工具条窗口，其中，DIV弹窗中有分享到不同网站的处理项。同样，在图片工具条窗口中也可以加入包括保存、收集用的处理项。所述的对网页中图片元素的处理是使用JS脚本实现的，弹窗中的内容是由网页设计人员根据需要进行设计的，其展现效果限制于网页设计人员，其中会经常出现由于JS脚本程序设计问题而导致浏览器崩溃的问题，因此，在浏览器中对于网页中图片元素的处理会导致浏览器侧(浏览器主进程)的故障问题，但是解决方案都不是基于浏览器侧进行的。所以，目前迫切需要本领域解决的一个技术问题就是提供一种基于浏览器侧的网页图片元素处理方案，通过在浏览器主进程中加载图片工具条进行图片元素处理，实现网页图片元素的收集、保存、上传、全屏显示、URL网络保存等目的，用来解决在浏览器子进程中执行图片元素的处理造成的浏览器故障问题。
技术实现思路
鉴于上述问题，本专利技术的主要目的在于提供一种图片工具条加载方法和装置，以解决现有技术中依靠网页子进程中的图片工具条窗口执行图片元素的处理所造成的浏览器崩溃问题。为了解决上述技术问题，本专利技术的目的是通过以下技术方案实现的本专利技术公开了一种图片工具条加载方法，包括以下步骤在网页子进程中打开网页标签，并获取网页中图片元素的位置信息；在所述当前网页子进程中监测到对所述图片元素的输入选择事件，将所述图片元素的位置信息向浏览器主进程发送；依据所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示图片工具条窗口 ；在网页子进程中打开网页标签，同时获取网页中所述图片元素的属性信息；以及当在所述当前网页子进程中监测到对所述图片元素的输入选择事件时，将所述图片元素的属性信息向所述浏览器主进程发送。优选的，在根据本专利技术的所述的方法中，所述在网页子进程中打开网页标签还包括所述当前网页子进程遍历网页中的图片元素的位置信息和属性信息；以及将所述图片元素的位置信息和属性信息保存至所述当前网页子进程的缓存中。优选的，在根据本专利技术的所述的方法中，所述图片元素的位置信息包括所述图片元素在所述当前网页子进程的页面可见区域中的左上角位置坐标和所述图片元素的宽和高；以及所述图片元素的属性信息包括图片大小、图片在本地缓存的地址、图片在云端的保存地址和/或所述图片元素的URL。优选的，在根据本专利技术的所述方法中，所述图片元素的输入选择事件包括如下任一种事件鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按事件、触摸滑动事件、键盘选定。优选的，根据本专利技术的所述方法还可以包括所述浏览器主进程接收对图片工具条窗口的输入选择事件，依据所述属性信息，通过所述浏览器主进程所创建的所述图片工具条窗口进行对所述图片元素的处理。优选的，在根据本专利技术的所述方法中，所述图片元素的处理包括如下至少一项对所述图片元素的本地保存、分享、全屏显示、URL网络保存和上传至指定网站。优选的，在根据本专利技术的所述方法中，所述URL网络保存和上传至指定网站还包括将浏览器与所述URL网络及浏览器所述指定网站进行绑定；以及当进行对图片元素的处理时，所述图片元素的属性信息自动上传至所述URL网络及指定网站。优选的，根据本专利技术的所述方法还可以包括当在所述当前网页子进程中监测到对所述图片元素的取消选择事件时，所述当前网页子进程通知所述浏览器主进程隐藏所述图片工具条窗口。优选的，在根据本专利技术的所述方法中，所述图片元素的取消选择事件包括如下任一种事件鼠标移出事件、触摸弹起事件、键盘取消。优选的，根据本专利技术的所述方法还可以包括当在所述当前子进程中再次监测到所述图片元素的输入选择事件时，在所述浏览器主进程中直接显示所述图片工具条窗口。优选的，在根据本专利技术的所述方法中，所述指定位置为所述图片元素区域内的任一位置；或者为与所述图片元素边缘处的一位置。优选的，在根据本专利技术的所述方法中，当启动浏览器时生成所述主进程，所述主进程对应一个或多个网页子进程，所述主进程的图片工具条窗口在所述一个或多个网页子进程之间交互使用。本专利技术还公开了一种图片工具条加载装置，所述装置包括生成与获取模块，用于在网页子进程中打开网页标签，并获取网页中图片元素的位置信息；监测与发送模块，用于在所述当前网页子进程中监测到对所述图片元素的输入选择事件，将所述图片元素的位置信息向浏览器主进程发送；创建与显示模块，用于依据所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示图片工具条窗口 ；其中，生成与获取模块还被配置成在网页子进程中打开网页标签，同时获取网页中所述图片元素的属性信息；以及当在所述当前网页子进程中监测到对所述图片元素的输入选择事件时，将所述图片元素的属性信息向所述浏览器主进程发送。优选的，在所述装置中，生成与获取模块还可以包括遍历子模块，用于所述当前网页子进程遍历网页中的图片元素的位置信息和属性信息；以及缓存子模块，用于将所述图片元素的位置信息和属性信息保存至所述当前网页子进程的缓存中。优选的，在所述装置中，所述图片元素的输入选择事件包括如下任一种事件鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按事件、触摸滑动事件、键盘选定。优选的，在所述装置中，所述创建与显示模块还被配置成所述浏览器主进程接收对图片工具条窗口的输入选择事件，依据所述属性信息，通过所述浏览器主进程所创建的所述图片工具条窗口进行对所述图片元素的处理。优选的，在所述装置中，创建与显示模块还可以包括操作模块用于执行对所述图片元素的本地保存、分享、全屏显示、URL网络保存和上传至指定网站。优选的，在所述装置中，所述操作模块还被配置成将浏览器与所述URL网络及浏览器所述指定网站进行绑定；以及当进行对图本文档来自技高网...

【技术保护点】
一种图片工具条加载方法，包括：在网页子进程中打开网页标签，并获取网页中图片元素的位置信息；在所述当前网页子进程中监测到对所述图片元素的输入选择事件，将所述图片元素的位置信息向浏览器主进程发送；依据所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示图片工具条窗口；在网页子进程中打开网页标签，同时获取网页中所述图片元素的属性信息；以及当在所述当前网页子进程中监测到对所述图片元素的输入选择事件时，将所述图片元素的属性信息向所述浏览器主进程发送。

【技术特征摘要】

【专利技术属性】
技术研发人员：谢志宏，李林，莫宇龙，任寰，
申请(专利权)人：北京奇虎科技有限公司，奇智软件北京有限公司，
类型：发明
国别省市：