CN108563712B - 网页图片查看方法、装置及存储设备 - Google Patents

Abstract

本发明实施例提供了一种网页图片查看方法、装置及存储设备，其中网页图片查看方法应用于浏览器，网页图片查看方法包括：创建第一显示窗口，在所述第一显示窗口加载网页并显示；获取所述网页点击位置的网页元素信息；当所述网页元素信息表明所述网页元素为图片时，根据所述网页的文档对象模型DOM树收集所述点击位置的图片；创建第二显示窗口，在所述第二显示窗口加载所述点击位置的图片并显示。本发明实施例在浏览器中实现了对网页中的图片进行查看的功能。

Description

网页图片查看方法、装置及存储设备

技术领域

本发明实施例涉及互联网技术领域，具体涉及一种网页图片查看方法、装置及存储设备。

背景技术

随着互联网的发展和终端性能的提升，越来越多的用户选择利用碎片时间在终端上浏览网页。在浏览网页的过程中，用户遇到感兴趣的图片时，会希望对该图片进行进一步的查看操作。

现有的网页中的图片查看功能，通常是由网站方提供的，网站方的开发人员利用脚本语言(例如：JavaScript)在网页中嵌入图片查看器，以实现网页图片的查看，用户根据网站方提供的图片查看功能对感兴趣的图片进行查看操作。而有些网页，网站方并未提供图片查看功能，针对这类网页，在使用浏览器打开进行浏览的时候，由于现有的浏览器也未实现网页图片查看功能，这将导致用户无法对感兴趣的图片进行进一步的查看操作。

发明内容

本发明实施例提供了一种网页图片查看方法、装置及存储设备，在浏览器中实现了对网页中的图片进行查看的功能。

本发明实施例提供的网页图片查看方法，应用于浏览器，包括：

创建第一显示窗口，在所述第一显示窗口加载网页并显示；

获取所述网页点击位置的网页元素信息；

当所述网页元素信息表明所述网页元素为图片时，根据所述网页的文档对象模型DOM树收集所述点击位置的图片；

创建第二显示窗口，在所述第二显示窗口加载所述点击位置的图片并显示。

本发明实施例提供的网页图片查看装置，包括：

第一显示单元，用于创建第一显示窗口，在所述第一显示窗口加载网页并显示；

第一获取单元，用于获取所述网页点击位置的网页元素信息；

收集单元，用于当所述网页元素信息表明所述网页元素为图片时，根据所述网页的文档对象模型DOM树收集所述点击位置的图片；

第二显示单元，用于创建第二显示窗口，在所述第二显示窗口加载所述点击位置的图片并显示。

本发明实施例还提供了一种存储设备，所述存储设备用于储存多条指令，所述指令适于由处理器加载并执行如本发明实施例提供的网页图片查看方法。

本发明实施例中，浏览器首先会创建第一显示窗口，在所述第一显示窗口加载网页并显示，然后获取所述网页点击位置的网页元素信息，当所述网页元素信息表明所述网页元素为图片时，会根据所述网页的DOM树收集所述点击位置的图片，然后创建第二显示窗口，在所述第二显示窗口加载所述点击位置的图片并显示，以此在浏览器中实现了对网页中的图片进行查看的功能，不管网站方有没有为网页提供图片查看功能，在浏览器上都可以实现网页图片的查看。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例所提供的网页图片查看的应用场景示意图。

图2a是本发明实施例所提供的网页图片查看方法的流程示意图。

图2b是本发明实施例所提供的网页图片查看方法的另一流程示意图。

图3a是本发明实施例所提供的网页图片查看方法的又一流程示意图。

图3b是本发明一实施例的网页图片查看过程示意图。

图3c是本发明实施例所提供的网页图片查看方法的再一流程示意图。

图4是本发明实施例所提供的网页图片查看装置的结构示意图。

图5是本发明实施例所提供的网页图片查看装置的另一结构示意图。

图6是本发明实施例所提供的终端的结构示意图。

具体实施方式

请参照图式，其中相同的组件符号代表相同的组件，本申请的原理是以实施在一适当的运算环境中来举例说明。以下的说明是基于所例示的本申请具体实施例，其不应被视为限制本申请未在此详述的其它具体实施例。

在以下的说明中，本申请的具体实施例将参考由一部或多部计算机所执行的步骤及符号来说明，除非另有述明。因此，这些步骤及操作将有数次提到由计算机执行，本文所指的计算机执行包括了由代表了以一结构化型式中的数据的电子信号的计算机处理单元的操作。此操作转换该数据或将其维持在该计算机的内存系统中的位置处，其可重新配置或另外以本领域测试人员所熟知的方式来改变该计算机的运作。该数据所维持的数据结构为该内存的实体位置，其具有由该数据格式所定义的特定特性。但是，本申请原理以上述文字来说明，其并不代表为一种限制，本领域测试人员将可了解到以下所述的多种步骤及操作亦可实施在硬件当中。

本文所使用的术语“模块”可看做为在该运算系统上执行的软件对象。本文所述的不同组件、模块、引擎及服务可看做为在该运算系统上的实施对象。而本文所述的装置及方法可以以软件的方式进行实施，当然也可在硬件上进行实施，均在本申请保护范围之内。

本申请中的术语“第一”、“第二”和“第三”等是用于区别不同对象，而不是用于描述特定顺序。此外，术语“包括”和“具有”以及它们任何变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或模块的过程、方法、系统、产品或设备没有限定于已列出的步骤或模块，而是某些实施例还包括没有列出的步骤或模块，或某些实施例还包括对于这些过程、方法、产品或设备固有的其它步骤或模块。

在本文中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是，本文所描述的实施例可以与其它实施例相结合。

由于现有技术中，当用户使用浏览器浏览网页时，如果网站方为网页提供了图片查看功能，则用户可以对网页中的图片进行进一步的查看操作，如果网站方没有为网页提供图片查看功能，则用户就不能对网页中的图片进行进一步的查看操作，这就无法满足用户的需求。因而，本发明实施例提供了一种网页图片查看方法，在浏览器中实现了网页图片查看功能，因而，可以不依赖网站方提供的网页图片查看功能，在网站方没有为网页提供图片查看功能时，仍然能够对网页中的图片进行进一步的查看操作，满足了用户的需求。

本发明实施例提供的网页图片查看方法可以实现在网页图片查看装置中，网页图片查看装置可以为客户端，例如xx浏览器，该客户端可以安装在手机、平板电脑、个人计算机等终端内。

本发明实施例的网页图片查看方法的一个具体应用场景可如图1所示，当用户需要使用终端上安装的浏览器浏览网页时，浏览器可以创建第一显示窗口，在第一显示窗口加载网页并显示，以供用户浏览，并可以在用户浏览网页的过程中，获取网页点击位置的网页元素信息(例如：网页元素的标签、类型、大小等)，根据所述点击位置的网页元素信息判断所述点击位置的网页元素是否为图片，当所述点击位置的网页元素为图片时，可以根据所述网页的文档对象模型DOM树(在加载所述网页的时候生成的)收集所述点击位置的图片，创建第二显示窗口，在所述第二显示窗口加载所述点击位置的图片并显示，以此实现了对网页中的图片进行进一步的查看，进一步地，用户还可以对图片进行放大、缩小、保存等操作，满足了用户的需求。

以下将分别进行详细说明。

本实施例将从网页图片查看装置的角度描述本发明实施例提供的网页图片查看方法，该网页图片查看装置可以浏览器，该浏览器安装在终端内，如图2a所示，本实施例的网页图片查看方法包括以下步骤：

步骤201、创建第一显示窗口，在所述第一显示窗口加载网页并显示。

当用户需要使用终端上安装的浏览器浏览网页时，用户可以在浏览器的地址栏中输入统一资源定位符(Uniform Resource Locator，URL)，浏览器根据该URL向服务器发送访问请求，服务器会给浏览器返回请求的超文本标记语言(HyperText Markup Language，HTML)文档，浏览器对HTML文档进行解析可以生成文档对象模型(Document Object Model，DOM)树，浏览器根据生成的DOM树构建渲染树，最后浏览器会根据渲染树的内容计算DOM树中的各个节点在页面中的确切大小和位置，并将各个节点绘制成网页，创建第一显示窗口，在第一显示窗口加载绘制好的网页并显示。

DOM实际上是以面向对象方式描述的文档模型，DOM树定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系，可以把DOM树认为是页面上数据和结构的一个树形表示。

步骤202、获取所述网页点击位置的网页元素信息。

通常来说，所显示的网页中会包含不同的网页元素，例如：图片、文本、视频、链接等。在用户浏览网页的过程中，当用户遇到感兴趣的内容时，往往希望对感兴趣的内容进行进一步的操作，例如：全屏查看图片、播放视频、打开链接等。

终端可以在用户浏览网页的过程中，监测用户是否在终端屏幕上进行了点击操作，当监测到用户在终端屏幕上进行了点击操作时，可以获取点击位置的屏幕坐标，将点击位置的屏幕坐标传递给浏览器，浏览器可以根据所述屏幕坐标获取用户点击位置的网页元素信息，该网页元素信息例如：网页元素的标签、类型、大小等信息。

步骤203、当所述网页元素信息表明所述网页元素为图片时，根据所述网页的文档对象模型DOM树收集所述点击位置的图片。

具体地，例如，可以根据网页元素信息中的标签信息判断所述点击位置的网页元素是否为图片，通常图片的标签信息为<img>，因此，可以判断用户点击位置的网页元素信息中的标签信息是否为<img>，如果是<img>，则认为用户点击位置的网页元素的图片。如果所述点击位置的网页元素不是图片，则可以结束本发明的处理流程，按照对应网页元素的处理方式进行处理；如果所述网页元素为图片时，则可以根据所述网页的文档对象模型DOM树收集所述点击位置的图片。

具体地，浏览器可以从所述网页的DOM树中获取所述网页中包含的图片(可以是该网页中包含的所有图片)的图片信息，根据所述图片信息从服务器下载所述网页中包含的图片，并将下载得到的图片解码存储在内存中，然后从所述内存中提取所述点击位置的图片。

在DOM树中，可以通过getElementsByTagName()函数从DOM树中查找整个HTML文档中的任何一个网页元素。比如，本实施例要得到所述网页中的图片，则可以通过getElementsByTagName()函数从HTML文档中查找标签为<img>的网页元素，同时，可以从标签为<img>的网页元素所在的DOM树节点中获得图片的图片信息，其中，所述图片信息包括但不限于：图片的源地址、图片的大小、图片的像素信息、图片的描述信息等，然后根据图片的图片信息从服务器下载所述网页中包含的图片。

在下载得到所述网页中包含的图片之后，可以将所述网页中包含的图片，按照一定的顺序(比如：图片在网页中出现的前后顺序)缓存在终端的内存中，另外还可以将图片的标识信息也对应缓存在内存中，图标的标识信息例如：图片的源地址、图片的描述信息等，最后可以根据所述点击位置的图片的标识信息从所述内存中提取所述点击位置的图片。

步骤204、创建第二显示窗口，并在所述第二显示窗口加载所述点击位置的图片并显示。

第二显示窗口可以叠加在第一显示窗口上显示，第二显示窗口可以是全屏显示窗口、半屏显示窗口、或者其他尺寸的显示窗口，此处不作具体限定。

具体地，例如，可以创建一个铺满终端屏幕的上层显示区域(即全屏显示窗口)，然后将从内存中调取所述点击位置的图片填充在所创建的上层显示区域中，这样就会呈现出全屏显示用户点击位置的图片的效果，满足了用户的查看需求。进一步地，用户还可以对当前显示的图片进行放大、缩小、保存等操作。

在所述第二显示窗口加载所述点击位置的图片并显示之后，还可以在当前显示图片上生成切换操作提示标志(当然也可以不提示)，以提示用户可以进行切换操作(例如上、下、左、右滑动，点击前、后切换按钮等)以查看当前显示图片的前一张图片或后一张图片。

对应地，浏览器可以获取用户在当前显示图片上的切换操作，例如：当所述切换操作为左滑或上滑时，可以根据当前显示图片的标识信息，从所述内存中获取所述当前显示图片的后一张图片，将所述第二显示窗口中的所述当前显示图片，切换显示成所述当前显示图片的后一张图片；当所述滑动操作为右滑或下滑时，可以根据当前显示图片的标识信息，从所述内存中获取所述当前显示图片的前一张图片，将所述第二显示窗口中的所述当前显示图片，切换显示成所述当前显示图片的前一张图片。如此一来，不需要返回网页界面，就可以实现对所述网页中的其他图片进行查看，操作简单，提高了网页图片查看效率。

以上从网页图片查看装置的角度描述了本发明实施例提供的网页图片查看方法，下面将结合用户操作，对本发明实施例提供的网页图片查看方法进行描述，请参阅图2b，具体如下：

在浏览器创建第一显示窗口显示网页供用户查看之后，用户可以点击网页上感兴趣的内容，浏览器获取点击位置的屏幕坐标，根据所述屏幕坐标获取用户点击位置的网页元素信息，该网页元素信息例如：网页元素的标签、类型、大小等信息。根据所述网页元素信息判断所述网页元素是否为图片，如果所述网页元素为图片，则可以从所述网页的DOM树中获取所述网页中包含的所有图片的图片信息，根据所述图片信息从服务器下载所述网页中包含的所有图片，并将下载得到的所有图片解码存储在内存中，然后调用自身的图片查看器，从所述内存中提取所述点击位置的图片并显示(比如：可以创建第二显示窗口，并在所述第二显示窗口加载所述点击位置的图片并显示)，这样即实现了用户对网页图片的查看；进一步地，用户还可以左右滑动当前显示图片，以查看上一幅或下一幅图片；比如，用户在当前显示图片上向右滑动，则浏览器可以从内存中获取当前显示图片的下一幅图片，并将该下一幅图片切换显示在第二显示窗口。

本实施例中，浏览器首先会创建第一显示窗口，在所述第一显示窗口加载网页并显示，然后获取所述网页点击位置的网页元素信息，当所述网页元素信息表明所述网页元素为图片时，会根据所述网页的DOM树收集所述点击位置的图片，然后创建第二显示窗口，并在所述第二显示窗口加载所述点击位置的图片并显示，以此在浏览器中实现了对网页中的图片进行查看的功能，不管网站方有没有为网页提供图片查看功能，在浏览器上都可以实现网页图片的查看。

上述实施例描述的方法，本实施例将做进一步的详细说明，如图3a所示，本实施例的网页图片查看方法包括如下步骤：

步骤301、创建第一显示窗口，在所述第一显示窗口加载网页并显示。

当用户需要使用终端上安装的浏览器浏览网页时，用户可以在浏览器的地址栏中输入统一资源定位符(Uniform Resource Locator，URL)，浏览器根据该URL向服务器发送访问请求，服务器会给浏览器返回请求的超文本标记语言(HyperText Markup Language，HTML)文档，浏览器对HTML文档进行解析并生成文档对象模型(Document Object Model，DOM)树，浏览器根据生成的DOM树构建渲染树，最后浏览器会根据渲染树的内容计算DOM树中的各个节点在页面中的确切大小和位置，并将各个节点绘制成网页，创建第一显示窗口，在第一显示窗口加载绘制好的网页并显示。

DOM实际上是以面向对象方式描述的文档模型，DOM树定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系，可以把DOM树认为是页面上数据和结构的一个树形表示。

步骤302、获取所述网页点击位置的网页元素信息。

通常来说，所显示的网页中会包含不同的网页元素，例如：图片、文本、视频、链接等。在用户浏览网页的过程中，当用户遇到感兴趣的内容时，往往希望对感兴趣的内容进行进一步的操作，例如：全屏查看图片、播放视频、打开链接等。

终端可以在用户浏览网页的过程中，监测用户是否在终端屏幕上进行了点击操作，当监测到用户在终端屏幕上进行了点击操作时，可以获取点击位置的屏幕坐标，将点击位置的屏幕坐标传递给浏览器，浏览器可以根据所述屏幕坐标获取用户点击位置的网页元素信息，该网页元素信息例如：网页元素的标签、类型、大小等信息。

步骤303、判断所述点击位置的网页元素是否为图片，若为图片，则执行步骤304，否则，执行步骤311。

具体地，例如，可以根据网页元素信息中的标签信息判断所述点击位置的网页元素是否为图片，通常图片的标签信息为<img>，因此，可以判断用户点击位置的网页元素信息中的标签信息是否为<img>，如果是<img>，则认为用户点击位置的网页元素的图片。

步骤304、检测本次点击操作是否存在除调用浏览器的图片查看器以外的其他处理逻辑，若不存在，则执行步骤305，否则，执行步骤311。

本实施例中，为简化操作，允许多个处理逻辑对应相同的操作(即点击操作)，但为了避免冲突，一次点击操作，只能执行一个处理逻辑，所述多个处理逻辑，例如：调用浏览器的图片查看器，调用网页的图片查看器，触发浏览器的内核事件处理等。

具体在本实施例中，要在浏览器中实现网页图片查看功能，为了避免与网页本身可能存在图片查看功能，以及浏览器本身的内核处理事件相冲突，在确定本次点击位置的网页元素为图片时，可以进一步检测本次点击操作是否存在除调用浏览器的图片查看器以外的其他处理逻辑，即检测本次点击操作是否有触发其他处理的目的。

比如，对于一些游戏页面，点击网页中的飞机图片，会触发很多子弹的移动，形成游戏效果，即点击操作触发了浏览器的内核事件处理；再比如，点击网页中的图片时，图片进行了全屏显示，即点击操作操作调用了网页的图片查看器，这些情况都可以认为本次点击操作存在其他的处理逻辑。

具体实现中，可以通过监控是否产生网页跳转、网页属性是否发生改变、网页的层叠样式表(Cascading Style Sheets，CSS)的样式是否发生改变、图片显示情况等，来检测本次点击操作是否存在其他的处理逻辑。

步骤305、从所述网页的DOM树中获取所述网页中包含的图片的图片信息。

在DOM树中，可以通过getElementsByTagName()函数从DOM树中查找整个HTML文档中的任何一个网页元素。比如，本实施例要得到所述网页中的图片，则可以通过getElementsByTagName()函数从HTML文档中查找标签为<img>的网页元素，同时，可以从标签为<img>的网页元素所在的DOM树节点中获得图片的图片信息，所述图片信息包括但不限于：图片的源地址、图片的大小、图片的像素信息、图片的描述信息等，然后根据图片的图片信息从服务器下载对应的图片。

步骤306、根据所述图片信息从服务器下载所述网页中包含的图片，并将下载得到的图片解码存储在内存中。

在下载得到所述网页中包含的图片之后，可以将所述网页中包含的图片，按照一定的顺序(比如：图片在网页中出现的前后顺序)缓存在内存中，另外还可以将图片的标识信息也对应缓存在内存中，图标的标识信息例如：图片的源地址、图片的描述信息等，根据所述点击位置的图标的标识信息从所述内存中提取所述点击位置的图片。

在一个具体的实施例中，例如图3b所示，当用户使用终端内的浏览器浏览网页的时候，对网页中的图片2产生了兴趣，则用户可以在图片2的位置进行点击操作，则浏览器可以将该网页中包含的所有图片图片1、图片2、图片3均下载下来，解码后缓存在内存中，比如可以按照这三张图片的出现先后顺序(图片1最先、图片2次之，图片3最后)进行缓存。

步骤307、从所述内存中提取所述点击位置的图片。

步骤308、创建第二显示窗口，并在所述第二显示窗口加载所述点击位置的图片并显示。

第二显示窗口可以叠加在第一显示窗口上显示，第二显示窗口可以是全屏显示窗口、半屏显示窗口、或者其他尺寸的显示窗口，此处不作具体限定。

在上面的例子中，用户点击位置的图片为图片2，则可以在第二显示窗口上显示图片2。

具体地，例如，可以创建一个铺满终端屏幕的上层显示区域，然后将从内存中调取所述点击位置的图片填充在所创建的上层显示区域中，这样就会呈现出全屏显示用户点击位置的图片的效果，满足了用户的查看需求。进一步地，用户还可以对当前显示的图片进行放大、缩小、保存等操作。

另外，还可以在图片2上生成切换提示标志，以提示用户可以进行切换操作(例如上、下、左、右滑动，点击前、后切换按钮等)，以查看当前显示图片的前一张图片或后一张图片。

另外，还可以生成其他操作标志，例如放大、缩小、保存等操作标志，以使得用户可以对图片进行放大、缩小、保存等操作，进一步满足了用户的需求。

步骤309、获取当前显示图片上的切换操作。

具体地，可以通过触摸检测检测并获取所述用户在当前显示图片上的切换操作。

步骤310、根据所述切换操作及所述内存中存储的图片，将所述第二显示窗口中的所述当前显示图片，切换为所述当前显示图片的前一张图片或后一张图片。

比如，当前显示图片为图片2，则如果获取的用户在图片2上的切换操作为左滑或上滑时，可以从内存中调取图片3，然后调用浏览器的图片查看器显示图片3，而如果获取的用户在图片2上的滑动操作为右滑或下滑时，可以从内存中调取图片1，然后调用浏览器的图片查看器显示图片1。这样一来，用户在查看网页图片时，不需要返回网页界面，就可以对该网页中包含的所有图片进行查看，操作简单，提高了网页图片查看效率。

步骤311、不调用浏览器的图片查看器。

当当前点击操作存在除调用所述浏览器的图片查看器以外的其他处理逻辑时，为避免处理逻辑冲突，则可以不调用浏览器的图片查看器，优先执行其他处理逻辑。

而当其他处理逻辑为调用网页的图片查看器时，可以根据当前点击位置的图片的标识信息从内存(如果内存中已存在则直接从内存中获取，如果内存中不存在，则从服务器下载，解码后存入内存)中获取当前点击位置的图片，并调用网页的图片查看器显示当前点击位置的图片，即当网页本身存在图片查看功能时，使用网页自身的图片查看功能，实现了网页的图片查看功能与浏览器的图片查看功能的兼容。另外，本实施例中，网页的图片查看器与浏览器的图片查看器共用了内存中的图片解码数据，避免了图片的重复下载和解码，提高了图片查看的响应速度。

而当其他处理逻辑为触发所述浏览器的内核事件处理时，触发所述浏览器的内核事件处理，比如进行网页跳转、改变网页节点属性等。

以上从网页图片查看装置的角度描述了本发明实施例提供的网页图片查看方法，下面将结合用户操作，对本发明实施例提供的网页图片查看方法进行描述，请参阅图3c，具体如下：

在浏览器创建第一显示窗口显示网页供用户查看之后，用户可以点击网页上感兴趣的内容，浏览器获取点击位置的屏幕坐标，将屏幕坐标传递给浏览器的内核，看内核是否需要对本次点击操作进行处理，并记录相应的处理；与此同时，浏览器会根据所述屏幕坐标获取用户点击位置的网页元素信息，根据所述网页元素信息判断所述网页元素是否为图片，如果所述网页元素是图片，则判断本次点击操作是否存在除调用浏览器的图片查看器以外的其他处理逻辑；比如，浏览器可以判断本次点击操作是否被消费掉(例如触发了内核事件处理，网页有跳转、网页节点属性改变了，CSS样式改变了；或者触发了网页的图片查看器，图片已经全屏显示了，这些均可视为本次点击操作已被消费掉)，如果本次点击操作已被消费掉，则不调用浏览器的图片查看功能，可以结束处理；如果本次点击操作没有被消费掉，则可以创建一个铺满终端屏幕的上层显示区域(即第二显示窗口)，然后将从内存中调取所述点击位置的图片填充在所创建的上层显示区域中，这样就会呈现出全屏显示用户点击位置的图片的效果；进一步地，用户还可以左右滑动当前显示图片，以查看上一幅或下一幅图片；浏览器会处理用户的滑动操作，比如，当用户在当前显示图片上向右滑动，则浏览器可以从内存中获取当前显示图片的下一幅图片，并将该下一幅图片切换显示在全屏查看窗口。

本实施例中，在浏览器中实现了对网页中的图片进行查看的功能，不管网站方有没有为网页提供图片查看功能，在浏览器上都可以实现网页图片的查看。

进一步地，通过对本次点击操作的处理逻辑进行检测，当本次点击操作不存在除调用所述浏览器的图片查看器以外的其他处理逻辑时，才调用浏览器的图片查看器显示图片，可以避免与网页中已有的图片查看功能相冲突，实现了浏览器的图片查看功能与网页的图片查看功能相兼容。

进一步地，通过对本次点击操作的处理逻辑进行检测，能够避免与浏览器自身的其他处理逻辑(比如触发内核事件处理)产生冲突，使得用户在使用浏览器提供的图片查看功能时，也只需要进行点击操作，而不用为了与其他处理逻辑进行区分，而采用其他的操作方式(例如长按操作)查看图片，这种操作方式与使用网页的图片查看功能查看图片时的操作方式一致，十分方便。

为了更好地实施以上方法，本发明实施例还提供一种网页图片查看装置，如图4所示，本实施例的装置包括第一显示单元401、第一获取单元402、收集单元403以及第二显示单元404，如下：

第一显示单元401，用于创建第一显示窗口，在所述第一显示窗口加载网页并显示；

第一获取单元402，用于获取所述网页点击位置的网页元素信息；

收集单元403，用于当所述网页元素信息表明所述网页元素为图片时，根据所述网页的文档对象模型DOM树收集所述点击位置的图片；

第二显示单元404，用于创建第二显示窗口，并在所述第二显示窗口加载所述点击位置的图片并显示。

一实施例中，如图5所示，所述收集单元403包括：

获取子单元4031，用于从所述网页的DOM树中获取所述网页中包含的图片的图片信息；

下载子单元4032，用于根据所述图片信息从服务器下载所述网页中包含的图片，并将下载得到的图片解码存储在内存中；

提取子单元4033，用于从所述内存中提取所述点击位置的图片。

一实施例中，如图5所示，所述装置还包括：

第二获取单元405，用于获取当前显示图片上的切换操作；

切换单元406，用于根据所述切换操作及所述内存中存储的图片，将所述第二显示窗口中的所述当前显示图片，切换为所述当前显示图片的前一张图片或后一张图片。

一实施例中，如图5所示，所述装置还包括：

检测单元407，用于检测本次点击操作是否存在除调用所述浏览器的图片查看器以外的其他处理逻辑；

所述收集单元403具体用于，当本次点击操作不存在除调用所述浏览器的图片查看器以外的其他处理逻辑时，根据所述网页的DOM树收集所述点击位置的图片。

一实施例中，如图5所示，所述装置还包括：

执行单元408，用于当本次点击操作存在除调用所述浏览器的图片查看器以外的其他处理逻辑时，执行所述其他处理逻辑。

一实施例中，如图5所示，所述执行单元408包括：

调用子单元4081，用于当所述其他处理逻辑为调用所述网页的图片查看器时，调用所述网页的图片查看器从所述内存中获取所述点击位置的图片并显示。

一实施例中，如图5所示，所述执行单元408包括：

触发子单元4082，用于当所述其他处理逻辑为触发所述浏览器的内核事件处理时，触发所述浏览器的内核事件处理。

需要说明的是，上述实施例提供的网页图片查看装置在实现网页图片查看功能时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的网页图片查看装置与网页图片查看方法属于同一构思，其具体实现过程详见方法实施例，此处不再赘述。

本实施例中，在第一显示单元创建第一显示窗口，在所述第一显示窗口加载网页并显示之后，第一获取单元会获取网页点击位置的网页元素信息，当所述网页元素信息表明所述网页元素为图片时，收集单元会根据所述网页的DOM树收集所述点击位置的图片，然后第二显示单元会创建第二显示窗口，并在所述第二显示窗口加载所述点击位置的图片并显示，以此在浏览器中实现了对网页中的图片进行查看的功能，不管网站方有没有为网页提供图片查看功能，在浏览器上都可以实现网页图片的查看。

相应的，本发明实施例还提供了具有本发明实施例描述的网页图片查看装置的终端，如图6所示，该终端可以包括射频(RF，Radio Frequency)电路501、包括有一个或一个以上计算机可读存储介质的存储器502、输入单元503、显示单元504、传感器505、音频电路506、无线保真(WiFi，Wireless Fidelity)模块507、包括有一个或者一个以上处理核心的处理器508、以及电源509等部件。本领域技术人员可以理解，图6中示出的终端结构并不构成对终端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中：

RF电路501可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，交由一个或者一个以上处理器508处理；另外，将涉及上行的数据发送给基站。通常，RF电路501包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(SIM，Subscriber Identity Module)卡、收发信机、耦合器、低噪声放大器(LNA，Low Noise Amplifier)、双工器等。此外，RF电路501还可以通过无线通信与网络和其他设备通信。所述无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统(GSM，Global System of Mobile communication)、通用分组无线服务(GPRS，GeneralPacket Radio Service)、码分多址(CDMA，Code Division Multiple Access)、宽带码分多址(WCDMA，Wideband Code Division Multiple Access)、长期演进(LTE，Long TermEvolution)、电子邮件、短消息服务(SMS，Short Messaging Service)等。

存储器502可用于存储软件程序以及模块，处理器508通过运行存储在存储器502的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器502可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据终端的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器502可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器502还可以包括存储器控制器，以提供处理器508和输入单元503对存储器502的访问。

输入单元503可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地，在一个具体的实施例中，输入单元503可包括触敏表面以及其他输入设备。触敏表面，也称为触摸显示屏或者触控板，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面上或在触敏表面附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触敏表面可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器508，并能接收处理器508发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面。除了触敏表面，输入单元503还可以包括其他输入设备。具体地，其他输入设备可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元504可用于显示由用户输入的信息或提供给用户的信息以及终端的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元504可包括显示面板，可选的，可以采用液晶显示器(LCD，Liquid Crystal Display)、有机发光二极管(OLED，Organic Light-Emitting Diode)等形式来配置显示面板。进一步的，触敏表面可覆盖显示面板，当触敏表面检测到在其上或附近的触摸操作后，传送给处理器508以确定触摸事件的类型，随后处理器508根据触摸事件的类型在显示面板上提供相应的视觉输出。虽然在图6中，触敏表面与显示面板是作为两个独立的部件来实现输入和输入功能，但是在某些实施例中，可以将触敏表面与显示面板集成而实现输入和输出功能。

终端还可包括至少一种传感器505，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板的亮度，接近传感器可在终端移动到耳边时，关闭显示面板和/或背光。作为运动传感器的一种，重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于终端还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路506、扬声器，传声器可提供用户与终端之间的音频接口。音频电路506可将接收到的音频数据转换后的电信号，传输到扬声器，由扬声器转换为声音信号输出；另一方面，传声器将收集的声音信号转换为电信号，由音频电路506接收后转换为音频数据，再将音频数据输出处理器508处理后，经RF电路501以发送给比如另一终端，或者将音频数据输出至存储器502以便进一步处理。音频电路506还可能包括耳塞插孔，以提供外设耳机与终端的通信。

WiFi属于短距离无线传输技术，终端通过WiFi模块507可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图6示出了WiFi模块507，但是可以理解的是，其并不属于终端的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

处理器508是终端的控制中心，利用各种接口和线路连接整个终端的各个部分，通过运行或执行存储在存储器502内的软件程序和/或模块，以及调用存储在存储器502内的数据，执行终端的各种功能和处理数据，从而对终端进行整体监控。可选的，处理器508可包括一个或多个处理核心；优选的，处理器508可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器508中。

终端还包括给各个部件供电的电源509(比如电池)，优选的，电源可以通过电源管理系统与处理器508逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源509还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。

尽管未示出，终端还可以包括摄像头、蓝牙模块等，在此不再赘述。具体在本实施例中，终端中的处理器508会按照如下的指令，将一个或一个以上的应用程序的进程对应的可执行文件加载到存储器502中，并由处理器508来运行存储在存储器502中的应用程序，从而实现各种功能：

创建第一显示窗口，在所述第一显示窗口加载网页并显示；

获取所述网页点击位置的网页元素信息；

当所述网页元素信息表明所述网页元素为图片时，根据所述网页的文档对象模型DOM树收集所述点击位置的图片；

创建第二显示窗口，在所述第二显示窗口加载所述点击位置的图片并显示。

在一些实施例中，在根据所述网页的DOM树收集所述点击位置的图片时，处理器508具体用于执行以下步骤：

从所述网页的DOM树中获取所述网页中包含的图片的图片信息；

根据所述图片信息从服务器下载所述网页中包含的图片，并将下载得到的图片解码存储在内存中；

从所述内存中提取所述点击位置的图片。

在一些实施例中，在所述第二显示窗口加载所述点击位置的图片并显示之后之后，处理器508还用于执行以下步骤：

获取当前显示图片上的切换操作；

根据所述切换操作及所述内存中存储的图片，将所述第二显示窗口中的所述当前显示图片，切换为所述当前显示图片的前一张图片或后一张图片。

在一些实施例中，在根据所述网页的DOM树收集所述点击位置的图片之前，处理器508还用于执行以下步骤：

检测本次点击操作是否存在除调用所述浏览器的图片查看器以外的其他处理逻辑；

当本次点击操作不存在除调用所述浏览器的图片查看器以外的其他处理逻辑时，根据所述网页的DOM树收集所述点击位置的图片。

在一些实施例中，处理器508还用于执行以下步骤：

当本次点击操作存在除调用所述浏览器的图片查看器以外的其他处理逻辑时，执行所述其他处理逻辑。

在一些实施例中，处理器508还用于执行以下步骤：

当所述其他处理逻辑为调用所述网页的图片查看器时，调用所述网页的图片查看器从所述内存中获取所述点击位置的图片并显示。

在一些实施例中，处理器508还用于执行以下步骤：

当所述其他处理逻辑为触发所述浏览器的内核事件处理时，触发所述浏览器的内核事件处理。

本实施例的终端，在创建第一显示窗口，在所述第一显示窗口加载网页并显示之后，会获取网页点击位置的网页元素信息，当所述网页元素信息表明所述网页元素为图片时，会根据所述网页的DOM树收集所述点击位置的图片，然后创建第二显示窗口，并在所述第二显示窗口加载所述点击位置的图片并显示，以此在浏览器中实现了对网页中的图片进行查看的功能，不管网站方有没有为网页提供图片查看功能，在浏览器上都可以实现网页图片的查看。

本申请实施例还提供一种存储设备，所述存储设备存储有计算机程序，当所述计算机程序在计算机上运行时，使得所述计算机执行上述任一实施例中的网页图片查看方法，比如：创建第一显示窗口，在所述第一显示窗口加载网页并显示；获取所述网页点击位置的网页元素信息；当所述网页元素信息表明所述网页元素为图片时，根据所述网页的文档对象模型DOM树收集所述点击位置的图片；创建第二显示窗口，在所述第二显示窗口加载所述点击位置的图片并显示。

在本申请实施例中，存储设备可以是磁碟、光盘、只读存储器(Read Only Memory，ROM，)、或者随机存取记忆体(Random Access Memory，RAM)等。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

需要说明的是，对本申请实施例的网页图片查看方法而言，本领域普通决策人员可以理解实现本申请实施例的网页图片查看方法的全部或部分流程，是可以通过计算机程序来控制相关的硬件来完成，所述计算机程序可存储于一计算机可读取存储介质中，如存储在电子设备的存储器中，并被该电子设备内的至少一个处理器执行，在执行过程中可包括如网页图片查看方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储器、随机存取记忆体等。

对本申请实施例的网页图片查看装置而言，其各功能模块可以集成在一个处理芯片中，也可以是各个模块单独物理存在，也可以两个或两个以上模块集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。所述集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，也可以存储在一个计算机可读取存储介质中，所述存储介质譬如为只读存储器，磁盘或光盘等。

以上对本申请实施例所提供的一种网页图片查看方法、装置及存储设备进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (7)

1.一种网页图片查看方法，应用于浏览器，其特征在于，包括：

创建第一显示窗口，在所述第一显示窗口加载网页并显示；

获取所述加载网页对应的网页点击位置的网页元素信息；

当所述网页元素信息表明所述网页元素为图片时，检测本次点击操作是否存在除调用浏览器的图片查看器以外的其他处理逻辑，所述本次点击操作为所述网页点击位置对应的点击操作；

当所述本次点击操作存在除调用所述浏览器的图片查看器以外的其他处理逻辑时，执所述其他处理逻辑；

当所述本次点击操作不存在除调用所述浏览器的图片查看器以外的其他处理逻辑时，从所述网页的DOM树中获取所述网页中包含的图片的图片信息，根据所述图片信息从服务器获取所述点击位置的图片；

创建第二显示窗口，在所述第二显示窗口加载所述点击位置的图片并显示，所述第二显示窗口的显示尺寸为任意显示尺寸；

当所述本次点击操作存在调用网页的图片查看器处理逻辑时，根据所述本次点击操作对应的点击位置的图片的标识信息从内存中获取所述点击位置的图片，并通过调用所述网页的图片查看器显示所述本次点击位置的图片，所述通过网页的图片查看器显示图片是基于网页脚本实现的；

当所述本次点击操作存在所述浏览器的内核事件处理逻辑时，触发所述浏览器的内核事件处理。

2.根据权利要求1所述的网页图片查看方法，其特征在于，所述从所述网页的DOM树中获取所述网页中包含的图片的图片信息，根据所述图片信息从服务器获取所述点击位置的图片，包括：

从所述网页的DOM树中获取所述网页中包含的图片的图片信息；

根据所述图片信息从服务器下载所述网页中包含的图片，并将下载得到的图片解码存储在内存中；

从所述内存中提取所述点击位置的图片。

3.根据权利要求2所述的网页图片查看方法，其特征在于，在所述第二显示窗口加载所述点击位置的图片并显示之后，还包括：

获取当前显示图片上的切换操作；

根据所述切换操作及所述内存中存储的图片，将所述第二显示窗口中的所述当前显示图片，切换为所述当前显示图片的前一张图片或后一张图片。

4.一种网页图片查看装置，其特征在于，包括：

第一显示单元，用于创建第一显示窗口，在所述第一显示窗口加载网页并显示；

第一获取单元，用于获取所述加载网页对应的网页点击位置的网页元素信息；

检测单元，用于当所述网页元素信息表明所述网页元素为图片时，检测本次点击操作是否存在除调用浏览器的图片查看器以外的其他处理逻辑，所述本次点击操作为所述网页点击位置对应的点击操作；

收集单元，用于当检测单元检测到本次点击操作存在除调用所述浏览器的图片查看器以外的其他处理逻辑时，执所述其他处理逻辑，当检测单元检测到本次点击操作不存在除调用所述浏览器的图片查看器以外的其他处理逻辑时，从所述网页的DOM树中获取所述网页中包含的图片的图片信息，根据所述图片信息从服务器获取所述点击位置的图片；

第二显示单元，用于创建第二显示窗口，在所述第二显示窗口加载所述点击位置的图片并显示，所述第二显示窗口的显示尺寸为任意显示尺寸；

所述网页图片查看装置还用于当检测到本次点击操作存在网页当所述本次点击操作存在调用网页的图片查看器处理逻辑时，根据所述本次点击操作对应的点击位置的图片的标识信息获取所述点击位置的图片，并通过调用所述网页的图片查看器显示所述本次点击位置的图片，所述通过网页的图片查看器显示图片是基于网页脚本实现的；当所述本次点击操作存在所述浏览器的内核事件处理逻辑时，触发所述浏览器的内核事件处理。

5.根据权利要求4所述的网页图片查看装置，其特征在于，所述收集单元包括：

获取子单元，用于从所述网页的DOM树中获取所述网页中包含的图片的图片信息；

下载子单元，用于根据所述图片信息从服务器下载所述网页中包含的图片，并将下载得到的图片解码存储在内存中；

提取子单元，用于从所述内存中提取所述点击位置的图片。

6.根据权利要求5所述的网页图片查看装置，其特征在于，所述装置还包括：

第二获取单元，用于获取当前显示图片上的切换操作；

切换单元，用于根据所述切换操作及所述内存中存储的图片，将所述第二显示窗口中的所述当前显示图片，切换为所述当前显示图片的前一张图片或后一张图片。

7.一种存储设备，其特征在于，所述存储设备用于储存多条指令，所述指令适于由处理器加载并执行如权利要求1至3任一项所述的步骤。

Images