CN102999341B - 用于网页的图片全屏浏览方法和装置 - Google Patents

Abstract

本发明公开了一种用于网页的图片全屏浏览方法和装置，其中所述装置包括：生成与获取模块；监测与发送模块；创建与显示模块；创建与加载模块；其中，所述监测与发送模块与创建与显示模块还被配置成：当在当前所述网页子进程中监测到对所述图片元素的取消选择事件时，当前所述网页子进程通知所述浏览器主进程隐藏所述图片全屏显示工具标记。本发明中，在浏览器主进程中建立对一个或多个网页标签中的图片元素全屏浏览的机制，避免了在浏览器中执行图片全屏浏览时造成的浏览器故障问题。

Description

用于网页的图片全屏浏览方法和装置

技术领域

本发明属于互联网技术领域，具体地说，涉及一种用于网页的图片全屏浏览方法和装置。

背景技术

浏览器是最经常使用到的客户端程序，借助浏览器可以显示从网页服务器或者文件系统获取的超文本标记语言（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层的弹窗，在弹窗中加载有工具条，以呈现工具条，例如，如图1所示，是在网页中针对某一图片（图中黑色矩形为图片位置）的工具条，图中的双箭头标记为实现图片全屏显示的工具条，当鼠标悬停在图片上时，图片进行全屏显示。

上述方案中是使用JS脚本实现的，对于弹窗的内容完全是有网页提供商根据自己的需要进行设计的。而且由于是JS脚本的实现，其展现的效果限制于网页设计人员，其中会经常出现由于JS脚本设计的程序问题而导致浏览器崩溃的问题，然而由于又无法在浏览器侧解决技术问题，导致浏览器侧的故障问题。

所以，目前迫切需要本领域解决的一个技术问题就是：提供一种基于浏览器侧的网页图片元素处理方案，用来解决在浏览器中执行图片全屏浏览时造成的浏览器故障问题。

发明内容

鉴于上述问题，提出了本发明以便提供一种用于网页的图片全屏浏览方法和装置，用来解决在浏览器子进程中执行图片全屏浏览时造成的浏览器故障问题。

根据本发明的一个方面，提供了一种用于网页的图片全屏浏览方法，该方法包括：

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

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

依据当前所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示图片全屏显示工具标记；

接收用户对所述图片全屏显示工具标记的触发，在主进程中创建全屏显示窗口，并在所述全屏显示窗口中加载当前所述图片元素的图片信息；

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

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

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

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

优选的，在根据本发明的所述的方法中，在所述全屏显示窗口中加载所述当前图片的图片信息包括：

从当前所述网页子进程的缓存中获取并加载当前所述图片元素的图片信息至所述全屏显示窗口。

优选的，在根据本发明的所述的方法中，所述在网页子进程中打开当前网页标签还包括：

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

按照遍历的先后顺序，将当前所述图片元素及其相邻图片元素的位置信息和图片信息保存至当前所述网页子进程的缓存中。

优选的，在根据本发明的所述的方法中，所述相邻图片元素为当前网页标签相关联的网页中的图片元素。

优选的，在根据本发明的所述的方法中，在所述全屏显示窗口中加载所述当前图片的图片信息包括：

从当前所述网页子进程的缓存中获取并加载所述当前图片的图片信息至所述全屏显示窗口；以及

从当前所述网页子进程的缓存中获取并加载与当前所述图片元素相邻的其他图片元素的图片信息，在所述全屏显示窗口中预显与当前所述图片元素相邻的其他图片元素的图片信息。

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

优选的，在根据本发明的所述的方法中，在主进程中创建全屏显示窗口包括：

依据当前所述图片元素的位置信息和图片信息在主进程中创建全屏显示窗口；

加载一背景图于所述全屏显示窗口中。

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

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

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

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

优选的，在根据本发明的所述的方法还包括：

在全屏显示状态下还显示所述图片元素的图片信息的原始尺寸，并加载针对所述图片元素的图片信息的图片工具。

优选的，在根据本发明的所述的方法中，所述图片元素的图片信息包括：所述图片元素的属性信息和图片数据。

优选的，在根据本发明的所述的方法中，所述图片元素的位置信息包括：所述图片元素在所述网页子进程的页面可见区域中的左上角位置坐标和所述图片元素的宽和高；以及

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

根据本发明的另一个方面，提供了一种用于网页的图片全屏浏览装置，该装置包括：

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

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

创建与显示模块，用于依据当前所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示图片全屏显示工具标记；

创建与加载模块，用于接收用户对所述图片全屏显示工具标记的触发，在主进程中创建全屏显示窗口，并在所述全屏显示窗口中加载当前所述图片元素的图片信息；

其中，监测与发送模块与创建与显示模块还被配置成：

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

优选的，在所述装置中，生成与获取模块包括：

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

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

优选的，在所述装置中，创建与加载模块还配置成：

从当前所述网页子进程的缓存中获取并加载当前所述图片元素的图片信息至所述全屏显示窗口。

优选的，在所述装置中，生成与获取模块包括：

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

缓存子模块，用于按照遍历的先后顺序，将当前所述图片元素及其相邻图片元素的位置信息和图片信息保存至当前所述网页子进程的缓存中。

优选的，在所述装置中，创建与加载模块还被配置成：

从当前所述网页子进程的缓存中获取并加载所述当前图片的图片信息至所述全屏显示窗口；以及

从当前所述网页子进程的缓存中获取并加载与当前所述图片元素相邻的其他图片元素的图片信息，在所述全屏显示窗口中预显与当前所述图片元素相邻的其他图片元素的图片信息。

优选的，在所述装置中，创建与加载模块还被配置成：

依据当前所述图片元素的位置信息和图片信息在主进程中创建全屏显示窗口；

加载一背景图于所述全屏显示窗口中。

优选的，在所述装置中，生成与获取模块还被配置成：

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

优选的，在所述装置中，创建与显示模块还被配置成：

在全屏显示状态下还显示所述图片元素的图片信息的原始尺寸，并加载针对所述图片元素的图片信息的图片工具。

与现有的方案相比，本发明所获得的技术效果：提出了一种用于网页的图片全屏浏览的方案，在浏览器主进程中建立对一个或多个网页标签中的图片元素全屏浏览的机制，提高了在浏览器侧进行图片元素全屏浏览的效率，避免了对网页子进程图片全屏工具条的操作给浏览器带来的故障问题；并且一个浏览器主进程可以对应一个或多个网页子进程，浏览器主进程创建的图片全屏显示工具标记可以在多个网页子进程之间交互使用，减少了网页子进程的负担，同时提高了图片全屏显示工具标记的使用效率。

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

附图说明

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

图1示意性示出现有技术的图片的全屏浏览的示意图；

图2示意性示出了根据本发明一个实施例的用于网页的图片全屏浏览方法的流程图；

图3示意性示出了根据本发明一个实施例的用于网页的图片全屏浏览方法的详细流程图；

图4示意性示出了根据本发明一个实施例的用于网页的图片全屏浏览的装置的模块图；

图5示意性示出了根据本发明一个实施例的图片的全屏浏览方法的方法从系统架构的角度的流程图；

图6示意性示出了根据本发明一个实施例的隐藏图片全屏显示工具标记窗口的详细流程示意图;

图7示意性示出了上述实施例根据本发明的一实施例中创建并显示图片全屏显示工具标记的方法针对的一网页示意图；

图8示意性示出了根据本发明一个实施例的创建图片全屏显示工具标记窗口的详细流程示意图。

具体实施方式

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

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

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

根据本发明的实施例，提供了一种用于网页的图片全屏浏览方法。

图2示意性示出了根据本发明一个实施例的用于网页的图片全屏浏览方法的流程图，该方法可以包括以下步骤。

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

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

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

或者，当网页标签被打开时，当前所述网页子进程遍历网页中的图片元素的位置信息和图片信息，并且按照遍历的先后顺序，将当前所述图片元素及其相邻图片元素的位置信息和图片信息保存至当前所述网页子进程的缓存中。

需要说明的是，所述相邻图片元素不仅可以是当前网页标签中的图片元素，也可以是与当前网页标签相关联的网页中的图片元素。

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

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

在步骤S203处，依据当前所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示图片全屏显示工具标记。

依据当前所述图片元素的位置信息，所述浏览器主进程在指定位置处创建一图片全屏显示工具标记，其中的指定位置是依据所述图片元素的位置信息而定的，其可以是在图片元素的周边，也可以是在图片元素显示范围之中，也可以是浏览器中的网页标签显示区域中的任一有用户设置的窗口区域中，例如网页标签显示区域窗口的一个分拆子窗口。所述图片全屏显示工具标记可以是一个图标，其提示用户进行点击后既可以进行该图片的全屏显示，在上述浏览器主进程在指定位置处加载该图标。通过所述浏览器主进程所创建的显示图片全屏显示工具标记进行所述图片元素的图片信息的全屏显示。

在步骤S204处，接收用户对所述图片全屏显示工具标记的触发，在主进程中创建全屏显示窗口，并在所述全屏显示窗口中加载当前所述图片元素的图片信息。

需要说明的是，当加载图片信息时，可以从当前所述网页子进程的缓存中获取并加载当前所述图片元素的图片信息至所述全屏显示窗口。

或者，从当前所述网页子进程的缓存中获取并加载与当前所述图片元素相邻的其他图片元素的图片信息，在所述全屏显示窗口中预显与当前所述图片元素相邻的其他图片元素的图片信息。例如：当前网页是第一张显示图片的网页，其第二页中的图片也是可以在全屏实现当前网页时，在缓存中获取第二页中的图片信息，并预显在全屏窗口中的，尤其对于当前网页图片是一个系列时，通过这种技术处理，会在对当前页面中的图片进行全屏显示时或者在子进程通知主进程时就开始进行其它图片的下载，该要下载的图片是在主进程收到来自子进程的通知时，就由子进程中网页中的JS代码获取的上/下一张图片的图片信息，一起通知到主进程的，在主进程需要进一步的后续图片时，也会向网页子进程中获取进一步的图片信息或者主进程主动向该图片的URL获取网页中的下一张图片，在主进程的进行后一或者前一图片的下载，在用户点击前一或者后一图片时在主进程中进行下载图片在该全屏显示窗口中的显示。

图3示意性示出了根据本发明一个实施例的用于网页的图片全屏浏览方法的详细流程图，具体可以包括以下步骤。

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

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

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

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

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

其中，所述图片元素的位置信息可以包括但不限于：所述图片元素在所述网页子进程的页面可见区域中的左上角位置坐标和所述图片元素的宽和高等等。

其中，所述图片元素的图片信息可以包括但不限于：所述图片元素的属性信息和图片数据等等。所述图片元素的属性信息可以包括但不限于：图片大小、图片在本地缓存的地址、图片在云端的保存地址和/或所述图片元素的URL等等。

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

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

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

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

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

所述输入选择事件包括但不限于：鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按事件、触摸滑动事件、键盘选定。

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

在步骤S308处，依据当前所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示图片全屏显示工具标记。

需要说明的是，所述指定位置可以为所述图片元素区域内任一位置；或者，也可以为所述图片元素边缘处一位置。

需要说明的是，该图片全屏显示工具标记由浏览器主进程生成，可以在不同网页子进程之间复用，在不同的网页子进程中，图片全屏显示工具标记的位置可以根据图片元素的位置信息来确定。

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

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

所述取消选择事件包括但不限于：鼠标移出事件、触摸弹起事件、键盘取消。

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

如果判断浏览器用户要执行图片元素的全屏显示，则本方法继续到步骤S311，否则继续到步骤S309。

在步骤S311处，接收用户对所述图片全屏显示工具标记的触发，在主进程中创建全屏显示窗口，并在所述全屏显示窗口中加载当前所述图片元素的图片信息。

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

需要说明的是，在主进程中创建全屏显示窗口时，可以依据当前所述图片元素的位置信息和图片信息在主进程中创建全屏显示窗口，并加载一背景图于所述全屏显示窗口中。

需要说明的是，在全屏显示状态下除了显示所述图片元素的图片信息的原始尺寸，并加载针对所述图片元素的图片信息的图片工具，比如针对图片元素的前一张后一张的浏览或者是放大、缩小或者转发分享、收集保存等。

在步骤S312处，所述当前网页子进程通知所述浏览器主进程隐藏所述图片全屏显示工具标记。

当发生取消选择事件时，浏览器主进程隐藏所述图片全屏显示工具标记，并且保留已经接收的所述图片元素的位置信息和图片信息。

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

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

在步骤S314处，所述浏览器主进程隐藏所述图片元素的图片全屏显示工具标记。

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

在步骤S315处，所述当前网页子进程通知浏览器主进程创建所述图片元素的所述图片全屏显示工具标记。

本发明还提供了一种用于网页的图片全屏浏览装置，参照图4，示意性示出了根据本发明一个实施例的用于网页的图片全屏浏览的装置的模块图。

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

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

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

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

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

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

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

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

由于一个浏览器主进程只创建一个图片全屏显示工具标记，所以实现了图片全屏显示工具标记在各个网页子进程中的复用。

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

如图5所示，示意性示出了根据本发明一个实施例的图片的全屏浏览方法的方法从系统架构的角度的流程图，本实施中，从系统架构的角度，对加在图片全屏显示工具标记的方法进行说明。具体地，该方法可以包括以下步骤。

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

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

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

在步骤S504处，浏览器主进程依据所述判断结果和所述图片元素的位置信息，在指定位置处创建或显示或隐藏图片全屏显示工具标记。

上述步骤S501-S504中，记载的针对当前网页子进程中的网页中的图片元素，生成图片全屏显示工具标记窗口，与上述图1所述的内容类似，在此不再赘述。

在步骤S505处，在另一网页子进程中打开另一网页标签，获取该网页中图片元素的位置信息；

类似地，由于一个浏览器主进程可以对应多个网页子进程，因此，在浏览器主进程启动后，并根据当前网页子进程已经生成过图片全屏显示工具标记后，可以在网页主进程对应的打开另外一网页子进程。

在步骤S506处，在另一网页子进程中监测到对其对应网页中图片元素的输入选择事件时，依据该图片元素的位置信息获得所述图片元素的显示区域信息；

上述步骤S505-S506的详细过程可参见实施例一中针对当前网页子进程的处理过程，在此不再赘述。

在步骤S507处，获取当前光标的位置信息并与另一网页子进程中监测到对其对应网页中图片元素的显示区域信息比较，判断当前光标的位置是否在该图片元素的显示区域中，将判断结果和该图片元素的位置信息通知到所述浏览器的主进程；

在步骤S508处，浏览器主进程将所述图片元素的位置信息发送到步骤S504中已创建的图片全屏显示工具标记窗口，并依据所述判断结果在指定位置处显示或隐藏图片全屏显示工具标记。

图5所示的实施例，也可以适用于基于同一浏览器主进程打开多个网页子进程的情况，在此不再赘述。

如图6所示，示意性示出了根据本发明一个实施例的隐藏图片全屏显示工具标记窗口的详细流程示意图。其可以具体包括：

在步骤S601处，获取并将当前的屏幕坐标转换到浏览器的页面可见区域中；

在步骤S602处，依据浏览器的页面可见区域的当前的屏幕坐标以及所述图片元素的位置信息获得所述图片元素的显示区域信息；

需要说明的是，所述图片元素的显示区域信息是指当前网页中的client区域。

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

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

如果光标的位置在所述图片元素的显示区域，则执行步骤S605，否则执行步骤S606。

在步骤S605处，浏览器主进程依据所述图片元素的位置信息，在指定位置处创建并显示图片全屏显示工具标记。

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

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

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

在步骤S607处，浏览器主进程在制定位置处创建并隐藏图片全屏显示工具标记。

如图7所示，示意性示出了上述实施例根据本发明的一实施例中创建并显示图片全屏显示工具标记的方法的一网页示意图，其中网页中的一图片元素1位于网页中的可显示区域client区域2，同时位于屏幕3上，光标4如图所示的位置，图片元素1上创建有显示图片全屏显示工具标记5。在该实施例中，图片全屏显示工具标记5为浏览器主进程根据图片元素1的位置而在其右边框的上方位置生成的一个独立窗口，其中的标记会在被用户的点击触发后启动对于图片元素1的全屏显示。对于图片全屏显示工具标记5其还是可以被显示在图片元素的边框处的其它位置的，或者图片元素1的显示区域内部，例如上边框的右边处，或者下边框的右边，等等。对于图片全屏显示工具标记5还是可以被设置在浏览器屏幕3的其它的特定位置处的，这个可以是浏览器中预定好的位置设置来生成该图片全屏显示工具标记5。在图片全屏显示工具标记5处于图片元素1的显示区域中生成时或者在图片元素1中浮有网页块级元素时，例如浮有DIV层等时，光标4在从图片元素1移出到图片全屏显示工具标记5的窗口中或者所述网页块级元素上时，其可以产生图片元素1的鼠标移出事件（即图片元素1的取消选择事件），但是这时还是需要显示图片全屏显示工具标记5，方便用户进行点选以进行图片的全屏显示。为此，本发明实施例中进一步地，如图8所示，示意性示出了根据本发明一个实施例的创建图片全屏显示工具标记窗口的详细流程示意图。其可以具体包括如下步骤:

在步骤S701处，获取并将当前的屏幕坐标转换到浏览器的页面可见区域中；

在步骤S702处，依据浏览器的页面可见区域的当前的屏幕坐标以及所述图片元素的位置信息获得所述图片元素的显示区域信息；

需要说明的是，所述图片元素的显示区域信息是指当前网页中的client区域。

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

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

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

在步骤S705处，浏览器主进程依据所述图片元素的位置信息，在指定位置处创建并显示图片全屏显示工具标记。

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

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

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

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

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

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

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

本文公开了A1、一种用于网页的图片全屏浏览方法，包括：在网页子进程中打开当前网页标签，并获取网页中图片元素的位置信息和图片信息；在当前所述网页子进程中监测到对当前所述图片元素的输入选择事件，将当前所述图片元素的位置信息和图片信息向浏览器主进程发送；依据当前所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示图片全屏显示工具标记；接收用户对所述图片全屏显示工具标记的触发，在主进程中创建全屏显示窗口，并在所述全屏显示窗口中加载当前所述图片元素的图片信息；当在当前所述网页子进程中监测到对所述图片元素的取消选择事件时，当前所述网页子进程通知所述浏览器主进程隐藏所述图片全屏显示工具标记。A2、根据A1所述的方法，其特征在于，所述在网页子进程中打开当前网页标签，并获取网页中图片元素的位置信息和图片信息包括：当前所述网页子进程遍历网页中的图片元素的位置信息和图片信息；以及将所述图片元素的位置信息和图片信息保存至当前所述网页子进程的缓存中。A3、根据A2所述的方法，其特征在于，在所述全屏显示窗口中加载所述当前图片的图片信息包括：从当前所述网页子进程的缓存中获取并加载当前所述图片元素的图片信息至所述全屏显示窗口。A4、根据A1所述的方法，其特征在于，所述在网页子进程中打开当前网页标签还包括：当前所述网页子进程遍历网页中的图片元素的位置信息和图片信息；以及按照遍历的先后顺序，将当前所述图片元素及其相邻图片元素的位置信息和图片信息保存至当前所述网页子进程的缓存中。A5、根据A4所述的方法，其特征在于，所述相邻图片元素为当前网页标签相关联的网页中的图片元素。A6、根据A4或A5所述的方法，其特征在于，在所述全屏显示窗口中加载所述当前图片的图片信息包括：从当前所述网页子进程的缓存中获取并加载所述当前图片的图片信息至所述全屏显示窗口；以及从当前所述网页子进程的缓存中获取并加载与当前所述图片元素相邻的其他图片元素的图片信息，在所述全屏显示窗口中预显与当前所述图片元素相邻的其他图片元素的图片信息。A7、根据A1所述的方法，其特征在于：所述图片元素的输入选择事件包括如下任一种事件：鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按事件、触摸滑动事件、键盘选定。A8、根据A1所述的方法，其特征在于，在主进程中创建全屏显示窗口包括：依据当前所述图片元素的位置信息和图片信息在主进程中创建全屏显示窗口；加载一背景图于所述全屏显示窗口中。A9、根据A1至A8中任一项所述的方法，其特征在于，所述图片元素的取消选择事件包括如下任一种事件：鼠标移出事件、触摸弹起事件、键盘取消。A10、根据A1-A8任一项所述的方法，其特征在于：所述指定位置为所述图片元素区域内任一位置；或者为所述图片元素边缘处一位置。A11、根据A1-A8任一项所述的方法，其特征在于：当启动浏览器时生成所述浏览器主进程，所述浏览器主进程对应一个或多个网页子进程，所述浏览器主进程的图片全屏显示工具标记在所述一个或多个网页子进程之间交互使用。A12、根据A1-A8任一项所述的方法，其特征在于，还包括：在全屏显示状态下还显示所述图片元素的图片信息的原始尺寸，并加载针对所述图片元素的图片信息的图片工具。A13、根据A1-A8任一项所述的方法，其特征在于：所述图片元素的图片信息包括：所述图片元素的属性信息和图片数据。A14、根据A13所述的方法，其特征在于：所述图片元素的位置信息包括：所述图片元素在所述网页子进程的页面可见区域中的左上角位置坐标和所述图片元素的宽和高；以及所述图片元素的属性信息包括：图片大小、图片在本地缓存的地址、图片在云端的保存地址和/或所述图片元素的URL。

本文公开了B15、一种用于网页的图片全屏浏览装置，包括：生成与获取模块，用于在网页子进程中打开当前网页标签，并获取网页中图片元素的位置信息和图片信息；监测与发送模块，用于在当前所述网页子进程中监测到对当前所述图片元素的输入选择事件，将当前所述图片元素的位置信息和图片信息向浏览器主进程发送；创建与显示模块，用于依据当前所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示图片全屏显示工具标记；创建与加载模块，用于接收用户对所述图片全屏显示工具标记的触发，在主进程中创建全屏显示窗口，并在所述全屏显示窗口中加载当前所述图片元素的图片信息；其中，所述监测与发送模块与创建与显示模块还被配置成：当在当前所述网页子进程中监测到对所述图片元素的取消选择事件时，当前所述网页子进程通知所述浏览器主进程隐藏所述图片全屏显示工具标记。B16、根据B15所述的装置，其特征在于，上述生成与获取模块包括：遍历子模块，用于当前所述网页子进程遍历网页中的图片元素的位置信息和图片信息；以及缓存子模块，用于将所述图片元素的位置信息和图片信息保存至当前所述网页子进程的缓存中。B17、根据B16所述的装置，其特征在于，所述创建与加载模块还配置成：从当前所述网页子进程的缓存中获取并加载当前所述图片元素的图片信息至所述全屏显示窗口。B18、根据B15所述的装置，其特征在于，所述生成与获取模块包括：遍历子模块，用于当前所述网页子进程遍历网页中的图片元素的位置信息和图片信息；以及缓存子模块，用于按照遍历的先后顺序，将当前所述图片元素及其相邻图片元素的位置信息和图片信息保存至当前所述网页子进程的缓存中。B19、根据B18所述的方法，其特征在于，所述相邻图片元素为当前网页标签相关联的网页中的图片元素。B20、根据B18或B19所述的装置，其特征在于，所述创建与加载模块还被配置成：从当前所述网页子进程的缓存中获取并加载所述当前图片的图片信息至所述全屏显示窗口；以及从当前所述网页子进程的缓存中获取并加载与当前所述图片元素相邻的其他图片元素的图片信息，在所述全屏显示窗口中预显与当前所述图片元素相邻的其他图片元素的图片信息。B21、根据B15所述的装置，其特征在于：所述图片元素的输入选择事件包括如下任一种事件：鼠标悬浮事件、鼠标移入事件、鼠标移动事件、触摸按下事件、触摸移动事件、触摸长按事件、触摸滑动事件、键盘选定。B22、根据B15所述的装置，其特征在于，所述创建与加载模块还被配置成：依据当前所述图片元素的位置信息和图片信息在主进程中创建全屏显示窗口；加载一背景图于所述全屏显示窗口中。B23、根据B15至B22中任一项所述的装置，其特征在于，所述图片元素的取消选择事件包括如下任一种事件：鼠标移出事件、触摸弹起事件、键盘取消。B24、根据B15-B23任一项所述的装置，其特征在于，所述创建与显示模块还包括：所述指定位置为所述图片元素区域内任一位置；或者为所述图片元素边缘处一位置。B25、根据B15-B23任一项所述的装置，其特征在于，所述生成与获取模块还被配置成：当启动浏览器时生成所述浏览器主进程，所述浏览器主进程对应一个或多个网页子进程，所述浏览器主进程的图片全屏显示工具标记在所述一个或多个网页子进程之间交互使用。B26、根据B15-B23任一项所述的装置，其特征在于，所述创建与显示模块还被配置成：在全屏显示状态下还显示所述图片元素的图片信息的原始尺寸，并加载针对所述图片元素的图片信息的图片工具。B27、根据B15-B23任一项所述的装置，其特征在于：所述图片元素的图片信息包括：所述图片元素的属性信息和图片数据。B28、根据B27所述的装置，其特征在于：所述图片元素的位置信息包括：所述图片元素在所述网页子进程的页面可见区域中的左上角位置坐标和所述图片元素的宽和高；以及所述图片元素的属性信息包括：图片大小、图片在本地缓存的地址、图片在云端的保存地址和/或所述图片元素的URL。

Claims (28)

1.一种用于网页的图片全屏浏览方法，包括：

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

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

依据当前所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示图片全屏显示工具标记；

接收用户对所述图片全屏显示工具标记的触发，在主进程中创建全屏显示窗口，并在所述全屏显示窗口中加载当前所述图片元素的图片信息；

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

2.根据权利要求1所述的方法，其特征在于，所述在网页子进程中打开当前网页标签，并获取网页中图片元素的位置信息和图片信息包括：

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

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

3.根据权利要求2所述的方法，其特征在于，在所述全屏显示窗口中加载当前所述图片元素的图片信息包括：

从当前所述网页子进程的缓存中获取并加载当前所述图片元素的图片信息至所述全屏显示窗口。

4.根据权利要求1所述的方法，其特征在于，所述在网页子进程中打开当前网页标签，并获取网页中图片元素的位置信息和图片信息，还包括：

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

按照遍历的先后顺序，将当前所述图片元素及其相邻图片元素的位置信息和图片信息保存至当前所述网页子进程的缓存中。

5.根据权利要求4所述的方法，其特征在于，所述相邻图片元素为当前网页标签相关联的网页中的图片元素。

6.根据权利要求4或5所述的方法，其特征在于，在所述全屏显示窗口中加载当前所述图片元素的图片信息包括：

从当前所述网页子进程的缓存中获取并加载当前所述图片元素的图片信息至所述全屏显示窗口；以及

从当前所述网页子进程的缓存中获取并加载与当前所述图片元素相邻的其他图片元素的图片信息，在所述全屏显示窗口中预显与当前所述图片元素相邻的其他图片元素的图片信息。

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

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

8.根据权利要求1所述的方法，其特征在于，在主进程中创建全屏显示窗口包括：

依据当前所述图片元素的位置信息和图片信息在主进程中创建全屏显示窗口；

加载一背景图于所述全屏显示窗口中。

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

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

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

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

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

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

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

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

在全屏显示状态下还显示所述图片元素的图片信息的原始尺寸，并加载针对所述图片元素的图片信息的图片工具。

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

所述图片元素的图片信息包括：所述图片元素的属性信息。

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

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

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

15.一种用于网页的图片全屏浏览装置，包括：

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

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

创建与显示模块，用于依据当前所述图片元素的位置信息，所述浏览器主进程在指定位置处创建并显示图片全屏显示工具标记；

创建与加载模块，用于接收用户对所述图片全屏显示工具标记的触发，在主进程中创建全屏显示窗口，并在所述全屏显示窗口中加载当前所述图片元素的图片信息；

其中，所述监测与发送模块与创建与显示模块还被配置成：

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

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

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

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

17.根据权利要求16所述的装置，其特征在于，所述创建与加载模块还配置成：

从当前所述网页子进程的缓存中获取并加载当前所述图片元素的图片信息至所述全屏显示窗口。

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

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

缓存子模块，用于按照遍历的先后顺序，将当前所述图片元素及其相邻图片元素的位置信息和图片信息保存至当前所述网页子进程的缓存中。

19.根据权利要求18所述的装置，其特征在于，所述相邻图片元素为当前网页标签相关联的网页中的图片元素。

20.根据权利要求18或19所述的装置，其特征在于，所述创建与加载模块还被配置成：

从当前所述网页子进程的缓存中获取并加载当前所述图片元素的图片信息至所述全屏显示窗口；以及

从当前所述网页子进程的缓存中获取并加载与当前所述图片元素相邻的其他图片元素的图片信息，在所述全屏显示窗口中预显与当前所述图片元素相邻的其他图片元素的图片信息。

21.根据权利要求15所述的装置，其特征在于：

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

22.根据权利要求15所述的装置，其特征在于，所述创建与加载模块还被配置成：

依据当前所述图片元素的位置信息和图片信息在主进程中创建全屏显示窗口；加载一背景图于所述全屏显示窗口中。

23.根据权利要求15所述的装置，其特征在于，所述图片元素的取消选择事件包括如下任一种事件：

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

24.根据权利要求15所述的装置，其特征在于，所述创建与显示模块还包括：所述指定位置为所述图片元素区域内任一位置；或者为所述图片元素边缘处一位置。

25.根据权利要求15所述的装置，其特征在于，所述生成与获取模块还被配置成：

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

26.根据权利要求15所述的装置，其特征在于，所述创建与显示模块还被配置成：在全屏显示状态下还显示所述图片元素的图片信息的原始尺寸，并加载针对所述图片元素的图片信息的图片工具。

27.根据权利要求15所述的装置，其特征在于：所述图片元素的图片信息包括：所述图片元素的属性信息。

28.根据权利要求27所述的装置，其特征在于：所述图片元素的位置信息包括：

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

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