一种加载图片工具条窗口的方法及其装置制造方法及图纸

本发明专利技术公开了一种加载图片工具条窗口的方法和装置，该方法包括：在网页子进程中打开网页标签，并获取网页中图片元素的位置信息；在当前网页子进程中监测到对图片元素的输入选择事件时，依据图片元素的位置信息获得图片元素的显示区域信息；获取当前光标的位置信息并与图片元素的显示区域信息比较，判断当前光标的位置是否在图片元素的显示区域中，将判断结果和图片元素的位置信息通知到浏览器的主进程；浏览器主进程依据判断结果和所述图片元素的位置信息，在指定位置处创建或显示或隐藏图片工具条窗口。本发明专利技术中，解决了在浏览器中执行图片元素的相关处理时出现对其图片工具条窗口的加载误判现象。

【技术实现步骤摘要】
一种加载图片工具条窗口的方法及其装置
本专利技术属于互联网
，具体地说，涉及一种加载图片工具条窗口的方法及其装置。
技术介绍
浏览器是最经常使用到的客户端程序，借助浏览器可以显示从网页服务器或者文件系统获取的超文本标记语言（HypertextMarkupLanguage，以下简称：HTML）文件内容，并便于用户与获取的HTML文件进行交互。其中，从网页服务器获取HTML文件的浏览器即网页浏览器，个人电脑上常见的网页浏览器包括微软的InternetExplorer、Mozilla的Firefox、Apple的Safari，Opera、GoogleChrome、GreenBrowser浏览器、360安全浏览器、搜狗高速浏览器、天天浏览器、腾讯TT、傲游浏览器、百度浏览器、腾讯QQ浏览器等。网页浏览器的工作原理可概括为：通过HTTP协议与网页服务器交互并获取HTML文件并以网页的形式呈现给用户，这些网页文件格式通常为HTML，并由多用途网际网路邮件延伸标准（MultipurposeInternetMailExtensions，MIME）在HTTP协议中指明，并通过统一资源定位符（Uniform/UniversalResourceLocator，以下简称URL）进行指定。许多浏览器还支持其他的URL类型及其相应的协议，如FTP、Gopher、HTTPS（HTTP协议的加密版本）。HTTP内容类型和URL协议规范允许网页设计者在网页中嵌入图像、动画、视频、声音、流媒体等网页元素。目前，大部分的浏览器本身还支持除HTML之外的广泛的格式，例如JPEG、PNG、GIF等图片格式，并且能够扩展支持众多的插件（plug-ins），网页中每个文档都是分别从网页服务器获取。以在网页中显示图片为例，网页中都会设置针对该图片的图片工具条，通过操作该工具条，实现图片的全屏显示、图片的切换、图片的缩放等。现有的图片工具条的加载是在当前网页页面进程中完成，使用当前网页中的javascript脚本生成DIV层的弹窗，在弹窗中加载有工具条，以呈现工具条。但是，而且经常在图片上会浮动有一些DIV或者子框，比如显示标题或者增强图像的显示效果的子框。此时，对于检测光标的移入移出和移动而进行窗口的生成就会出现误差，因为当光标移动到上述DIV或者子框上时，DIV或者子框下的图片会产生Mouse-out事件，其实光标还在图片上，这就会导致误判。例如，在网页中针对某一图片产生工具条，而该图片上有一子框“下一页….”，当光标移动到该子框时，光标其实还处于图片上，但是此时会出现Mouse-out事件的误判，误认为光标已移出图片，会导致图片工具条窗口的隐藏。所以，目前迫切需要本领域解决的一个技术问题就是：提供一种加载图片工具条窗口的处理方案，解决在浏览器中执行图片元素的相关处理时出现对其图片工具条窗口的加载误判现象。
技术实现思路
鉴于上述问题，提出了本专利技术以便提供一种加载图片工具条窗口的方法和装置，用以解决在浏览器中执行图片元素的相关处理时出现对其图片工具条窗口的加载误判现象。根据本专利技术的一个方面，提供了一种加载图片工具条窗口的方法，该方法包括：在网页子进程中打开网页标签，并获取网页中图片元素的位置信息；在当前所述网页子进程中监测到对所述图片元素的输入选择事件时，依据所述图片元素的位置信息获得所述图片元素的显示区域信息；获取当前光标的位置信息并与所述图片元素的显示区域信息比较，判断当前光标的位置是否在所述图片元素的显示区域中，将判断结果和所述图片元素的位置信息通知到所述浏览器的主进程；浏览器主进程依据所述判断结果和所述图片元素的位置信息，在指定位置处创建或显示或隐藏图片工具条窗口。优选地，在本专利技术的方法中，所述在网页子进程中打开网页标签，并获取网页中图片元素的位置信息包括：当前所述网页子进程遍历网页中的图片元素的位置信息和属性信息；以及将所述图片元素的位置信息和属性信息保存至当前所述网页子进程的缓存中。优选地，在本专利技术的方法中，所述图片元素的位置信息包括：所述图片元素在当前所述网页子进程的页面可见区域中的左上角位置坐标和所述图片元素的宽和高；以及所述图片元素的属性信息包括：图片大小、图片在本地缓存的地址、图片在云端的保存地址和/或所述图片元素的URL。优选地，在本专利技术的方法中，所述图片元素的输入选择事件包括如下任一种事件：鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按事件、触摸滑动事件、键盘选定。优选地，在本专利技术的方法中，所述依据所述图片元素的位置信息获得所述图片元素的显示区域信息包括：获取并将当前的屏幕坐标转换到浏览器的页面可见区域中；依据浏览器的页面可见区域的当前的屏幕坐标以及所述图片元素的位置信息获得所述图片元素的显示区域信息。优选地，在本专利技术的方法中，所述浏览器主进程依据所述判断结果，并依据所述图片元素的位置信息在指定位置处创建/隐藏图片工具条窗口包括：当前光标的位置在所述图片元素的显示区域中时，浏览器主进程依据所述图片元素的位置信息，在指定位置处创建并显示图片工具条窗口；否则，在指定位置处创建并隐藏图片工具条窗口。优选地，在本专利技术的方法中，所述判断当前光标的位置是否在所述图片元素的显示区域中包括：将当前光标在屏幕上位置信息转换为在浏览器的页面可见区域中的位置信息；依据当前光标在浏览器的页面可见区域的位置信息与所述图片元素的位置信息进行比对，以判断当前光标的位置是否在所述图片元素的显示区域中。优选地，在本专利技术的方法中，所述在网页子进程中打开网页标签，并获取网页中图片元素的位置信息包括：当前所述网页子进程遍历网页中的所有图片元素的位置信息和属性信息；以及按照遍历的先后顺序，将所有图片元素中当前所述图片元素及其相邻图片元素的位置信息和属性信息保存至当前所述网页子进程的缓存中。优选地，在本专利技术的方法还包括：获取当前光标所在的图片的标题或URL信息，与所述遍历的图片元素的属性信息进行预先匹配；获取到所述匹配的图片元素，然后获取当前光标的位置信息并与所述匹配图片元素的显示区域信息比较，判断当前光标的位置是否在所述匹配图片元素的显示区域中，将判断结果和所述匹配图片元素的位置信息通知到所述浏览器的主进程。优选地，在本专利技术的方法中，所述指定位置为所述图片元素区域内的任一位置；或者为所述图片元素边缘处的一位置。优选地，在本专利技术的方法中，当启动浏览器时生成所述浏览器主进程，所述浏览器主进程对应一个或多个网页子进程，所述浏览器主进程的图片工具条窗口在所述一个或多个网页子进程之间交互使用。根据本专利技术的另一个方面，提供了一种加载图片工具条窗口的装置，该装置包括：生成与获取模块，用于在网页子进程中打开网页标签，并获取网页中图片元素的位置信息；监测与获取模块，用于在当前所述网页子进程中监测到对所述图片元素的输入选择事件时，依据所述图片元素的位置信息获得所述图片元素的显示区域信息；判断与发送模块，用于获取当前光标的位置信息并与所述图片元素的显示区域信息比较，判断当前光标的位置是否在所述图片元素的显示区域中，将判断结果和所述图片元素的位置信息通知到所述浏览器的主进程；创建与显示模块，用于浏览器主进程依据所述判断结本文档来自技高网...

【技术保护点】
一种加载图片工具条窗口的方法，包括：在网页子进程中打开网页标签，并获取网页中图片元素的位置信息；在当前所述网页子进程中监测到对所述图片元素的输入选择事件时，依据所述图片元素的位置信息获得所述图片元素的显示区域信息；获取当前光标的位置信息并与所述图片元素的显示区域信息比较，判断当前光标的位置是否在所述图片元素的显示区域中，将判断结果和所述图片元素的位置信息通知到所述浏览器的主进程；浏览器主进程依据所述判断结果和所述图片元素的位置信息，在指定位置处创建或显示或隐藏图片工具条窗口。

【技术特征摘要】
1.一种加载图片工具条窗口的方法，包括：在网页子进程中打开网页标签，获取网页中图片元素的位置信息并保存至当前所述网页子进程的缓存中；在当前所述网页子进程中监测到对所述图片元素的输入选择事件时，依据所述图片元素的位置信息获得所述图片元素在浏览器的页面可见区域中的显示区域信息；获取当前光标在浏览器的页面可见区域中的位置信息并与所述图片元素的显示区域信息比较，判断当前光标的位置是否在所述图片元素的显示区域中，将判断结果和所述图片元素的位置信息通知到所述浏览器的主进程；浏览器主进程依据所述判断结果和所述图片元素的位置信息，在指定位置处创建或显示或隐藏图片工具条窗口。2.根据权利要求1所述的方法，其特征在于，所述在网页子进程中打开网页标签，并获取网页中图片元素的位置信息包括：当前所述网页子进程遍历网页中的图片元素的位置信息和属性信息；以及将所述图片元素的位置信息和属性信息保存至当前所述网页子进程的缓存中。3.根据权利要求2所述的方法，其特征在于，所述图片元素的位置信息包括：所述图片元素在当前所述网页子进程的页面可见区域中的左上角位置坐标和所述图片元素的宽和高；以及所述图片元素的属性信息包括：图片大小、图片在本地缓存的地址、图片在云端的保存地址和/或所述图片元素的URL。4.根据权利要求1所述的方法，其特征在于，所述图片元素的输入选择事件包括如下任一种事件：鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按事件、触摸滑动事件、键盘选定。5.根据权利要求1所述的方法，其特征在于，所述依据所述图片元素的位置信息获得所述图片元素的显示区域信息包括：获取并将当前的屏幕坐标转换到浏览器的页面可见区域中；依据浏览器的页面可见区域的当前的屏幕坐标以及所述图片元素的位置信息获得所述图片元素的显示区域信息。6.根据权利要求1所述的方法，其特征在于，所述浏览器主进程依据所述判断结果，并依据所述图片元素的位置信息在指定位置处创建/隐藏图片工具条窗口包括：当前光标的位置在所述图片元素的显示区域中时，浏览器主进程依据所述图片元素的位置信息，在指定位置处创建并显示图片工具条窗口；否则，在指定位置处创建并隐藏图片工具条窗口。7.根据权利要求1所述的方法，其特征在于，所述判断当前光标的位置是否在所述图片元素的显示区域中包括：将当前光标在屏幕上位置信息转换为在浏览器的页面可见区域中的位置信息；依据当前光标在浏览器的页面可见区域的位置信息与所述图片元素的位置信息进行比对，以判断当前光标的位置是否在所述图片元素的显示区域中。8.根据权利要求1所述的方法，其特征在于，所述在网页子进程中打开网页标签，并获取网页中图片元素的位置信息包括：当前所述网页子进程遍历网页中的所有图片元素的位置信息和属性信息；以及按照遍历的先后顺序，将所有图片元素中当前所述图片元素及其相邻图片元素的位置信息和属性信息保存至当前所述网页子进程的缓存中。9.根据权利要求8所述的方法，其特征在于，进一步包括：获取当前光标所在的图片的标题或URL信息，与所述遍历的图片元素的属性信息进行预先匹配；获取到所述匹配的图片元素，然后获取当前光标的位置信息并与所述匹配图片元素的显示区域信息比较，判断当前光标的位置是否在所述匹配图片元素的显示区域中，将判断结果和所述匹配图片元素的位置信息通知到所述浏览器的主进程。10.根据权利要求1-9任一项所述的方法，其特征在于，所述指定位置为所述图片元素区域内的任一位置；或者为所述图片元素边缘处...

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