[发明专利]一种加载图片工具条窗口的方法及其装置

说明书

技术领域

本发明属于互联网技术领域，具体地说，涉及一种加载图片工具条窗口的方法及其装置。

背景技术

浏览器是最经常使用到的客户端程序，借助浏览器可以显示从网页服务器或者文件系统获取的超文本标记语言（Hypertext Markup Language，以下简称：HTML）文件内容，并便于用户与获取的HTML文件进行交互。其中，从网页服务器获取HTML文件的浏览器即网页浏览器，个人电脑上常见的网页浏览器包括微软的Internet Explorer、Mozilla的Firefox、Apple的Safari，Opera、Google Chrome、GreenBrowser浏览器、360安全浏览器、搜狗高速浏览器、天天浏览器、腾讯TT、傲游浏览器、百度浏览器、腾讯QQ浏览器等。

网页浏览器的工作原理可概括为：通过HTTP协议与网页服务器交互并获取HTML文件并以网页的形式呈现给用户，这些网页文件格式通常为HTML，并由多用途网际网路邮件延伸标准（Multipurpose Internet MailExtensions，MIME）在HTTP协议中指明，并通过统一资源定位符（Uniform/Universal Resource Locator，以下简称URL）进行指定。许多浏览器还支持其他的URL类型及其相应的协议，如FTP、Gopher、HTTPS（HTTP协议的加密版本）。HTTP内容类型和URL协议规范允许网页设计者在网页中嵌入图像、动画、视频、声音、流媒体等网页元素。目前，大部分的浏览器本身还支持除HTML之外的广泛的格式，例如JPEG、PNG、GIF等图片格式，并且能够扩展支持众多的插件（plug-ins），网页中每个文档都是分别从网页服务器获取。

以在网页中显示图片为例，网页中都会设置针对该图片的图片工具条，通过操作该工具条，实现图片的全屏显示、图片的切换、图片的缩放等。

现有的图片工具条的加载是在当前网页页面进程中完成，使用当前网页中的java script脚本生成DIV层的弹窗，在弹窗中加载有工具条，以呈现工具条。但是，而且经常在图片上会浮动有一些DIV或者子框，比如显示标题或者增强图像的显示效果的子框。此时，对于检测光标的移入移出和移动而进行窗口的生成就会出现误差，因为当光标移动到上述DIV或者子框上时，DIV或者子框下的图片会产生Mouse-out事件，其实光标还在图片上，这就会导致误判。例如，在网页中针对某一图片产生工具条，而该图片上有一子框“下一页….”，当光标移动到该子框时，光标其实还处于图片上，但是此时会出现Mouse-out事件的误判，误认为光标已移出图片，会导致图片工具条窗口的隐藏。

所以，目前迫切需要本领域解决的一个技术问题就是：提供一种加载图片工具条窗口的处理方案，解决在浏览器中执行图片元素的相关处理时出现对其图片工具条窗口的加载误判现象。

发明内容

鉴于上述问题，提出了本发明以便提供一种加载图片工具条窗口的方法和装置，用以解决在浏览器中执行图片元素的相关处理时出现对其图片工具条窗口的加载误判现象。

根据本发明的一个方面，提供了一种加载图片工具条窗口的方法，该方法包括：

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

在当前所述网页子进程中监测到对所述图片元素的输入选择事件时，依据所述图片元素的位置信息获得所述图片元素的显示区域信息；

获取当前光标的位置信息并与所述图片元素的显示区域信息比较，判断当前光标的位置是否在所述图片元素的显示区域中，将判断结果和所述图片元素的位置信息通知到所述浏览器的主进程；

浏览器主进程依据所述判断结果和所述图片元素的位置信息，在指定位置处创建或显示或隐藏图片工具条窗口。

优选地，在本发明的方法中，所述在网页子进程中打开网页标签，并获取网页中图片元素的位置信息包括：

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

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

优选地，在本发明的方法中，所述图片元素的位置信息包括：

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

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

优选地，在本发明的方法中，所述图片元素的输入选择事件包括如下任一种事件：