CN102819556B - 查看图片的方法及装置 - Google Patents

Abstract

本发明公开了一种查看图片的方法及装置。其中，该方法包括：获取用户在当前页查看当前页图片的访问请求；根据所述访问请求获取所述当前页图片及对应的资源地址；通过预读下一页网页获取下一页图片及对应的资源地址；将当前页图片的资源地址与下一页图片的资源地址进行比较，根据比较结果找出与当前页图片关联的下一页图片，并与当前页图片一起作为图集进行展示。通过本发明能够方便用户在查图界面查看与当前网页图片关联的整个图集，不需要进入不同网页查看关联的其他图片，实现有效减少流量及操作简单的效果。

Description

查看图片的方法及装置

技术领域

本发明涉及移动通信技术领域，具体而言，涉及一种查看图片的方法及装置。

背景技术

当前，各大手机主流门户都在网页上做图集式的查图交互。如网址http://dp.sina.cn/dpool/hdpic/anshow.php？ch＝1&sid＝2841&aid＝22712&pos＝200&vt＝4所展示的查图方式，该网址所示的图集图片展示方式是将与一个主题相关的所有图片放在同一页滚动展示，以满足用户快速查看图片的需求。现在大多数的门户网站也多采用把一篇新闻裁成多页同时给每页配上图的发布方式，这些图片具有内在的关联性，但是现有网页中的查图模式仅支持浏览当前网页的所有图片，而在同一网页上的往往是一些不相关联的图片，甚至是一些不具有查图意义的小图标、小插图，在网页的现有查图模式下无法查看一个图片相关的图集，如果一个图集的5张图分别作为5个网页的配图，在其中某一网页的查图模式下，用户无法查看其他网页上的4张图片，用户必须进入不同的网页才能查看到整个图集中的所有图片，这种操作不仅浪费流量且操作复杂。

对于用户而言，浏览一个图集的价值远大于浏览当前网页图片的价值，将与一个主题相关的所有图片放在同一页滚动展示的图集式查图方式是未来的查图趋势，现有的查图模式仅支持浏览当前网页的图片，不能实现同一网页查看一个图集，如需查看整个图集需进入不同网页，导致浪费流量且操作复杂。

针对现有技术中进行图集式查图时浪费流量且操作复杂的技术问题，目前尚未提出有效的解决方案。

发明内容

针对现有技术中进行图集式查图时浪费流量且操作复杂的问题，本发明提供一种浏览器中查看图片的方法及装置，以解决上述问题。

为了实现上述目的，根据本发明的一个方面，提供了一种浏览器中查看图片的方法，该方法包括：获取用户在当前页查看当前页图片的访问请求；根据访问请求获取当前页图片及对应的资源地址；通过预读下一页网页获取下一页图片及对应的资源地址；将当前页图片的资源地址与下一页图片的资源地址进行比较，根据比较结果找出与当前页图片关联的下一页图片，并与当前页图片一起作为图集进行展示。

进一步地，通过遍历当前网页的文档对象模型DOM树获取当前页后缀是图片类型的所有图片进行展示。

进一步地，将当前页图片的资源地址与下一页图片的资源地址进行比较，根据比较结果找出与当前页图片关联的下一页图片，并与当前页图片一起作为图集进行展示包括：将当前页图片的资源地址与下一页图片的资源地址进行比较，若资源地址中的域名为相同且路径为部分匹配，则确定下一页图片与当前页图片关联；将确定与当前页图片关联的下一页图片，及当前页图片一起作为图集进行展示。

进一步地，根据比较结果找出与当前页图片关联的下一页图片，并与当前页图片一起作为图集进行展示时，显示左右箭头；在获取用户左右滑动手势或点击左右箭头操作后，切换显示图集中的图片。

进一步地，通过遍历当前网页的文档对象模型DOM树获取当前页后缀是图片类型的所有图片进行展示时，显示上下箭头；在获取用户上下滑动手势或点击上下箭头操作后，切换显示当前页所有图片。

进一步地，资源地址为URL。

为了实现上述目的，根据本发明的一个方面，提供了一种查看图片的装置。该装置包括：请求获取模块，用于获取用户在当前页查看当前页图片的访问请求；第一信息获取模块，用于根据访问请求获取当前页图片及对应的资源地址；第二信息获取模块，用于通过预读下一页网页获取下一页图片及对应的资源地址；第一处理模块，用于将当前页图片的资源地址与下一页图片的资源地址进行比较，根据比较结果找出与当前页图片关联的下一页图片，并与当前页图片一起作为图集进行展示。

进一步地，装置还包括：第二处理模块，用于通过遍历当前网页的文档对象模型DOM树获取当前页后缀是图片类型的所有图片进行展示。

进一步地，第一处理模块包括：比较模块，用于将当前页图片的资源地址与下一页图片的资源地址进行比较，若资源地址中的域名为相同且路径为部分匹配，则确定下一页图片与当前页图片关联；图集模块，用于将确定与当前页图片关联的下一页图片，及当前页图片一起作为图集进行展示。

进一步地，装置还包括：标识显示模块，用于在作为图集进行展示时，显示左右箭头，在当前页所有图片进行展示时，显示上下箭头。

通过本发明，先预读下一页网页获取下一页图片及对应的资源地址，再将当前页图片的资源地址与下一页图片的资源地址进行比较，根据比较结果找出与当前页图片关联的下一页图片，并与当前页图片一起作为图集进行展示，这样就方便用户在查图界面查看与当前网页图片关联的整个图集，不需要进入不同网页查看关联的其他图，从而解决了现有技术中进行图集式查图时浪费流量且操作复杂的问题，进而实现有效减少流量及操作简单的效果。

附图说明

此处所说明的附图用来提供对本发明的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本发明，并不构成本发明的不当限定。在附图中：

图1示出了根据本发明实施例1的查看图片的方法的流程图；

图2示出了根据本发明实施例2的查看图片的方法的用户交互流程图；

图3示出了本发明实施例的界面示意图1；

图4示出了本发明实施例的界面示意图2；

图5示出了本发明实施例的界面示意图3；以及

图6示出了根据本发明实施例的查看图片的装置的结构示意图。

具体实施方式

下面将参考附图并结合实施例来详细说明本发明。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

图1是根据本发明实施例1的查看图片的方法的流程图。

如图1所示，本发明所涉及的查看图片的方法包括如下步骤：

步骤S101、获取用户在当前页查看当前页图片的访问请求；

步骤S102、根据所述访问请求获取所述当前页图片及对应的资源地址；

步骤S103、通过预读下一页网页获取下一页图片及对应的资源地址；

步骤S104、将当前页图片的资源地址与下一页图片的资源地址进行比较，根据比较结果找出与当前页图片关联的下一页图片，并与当前页图片一起作为图集进行展示。

在本申请实现查看图片的方法实施例中，先通过预读下一页网页获取下一页图片及对应的资源地址，再将当前页图片的资源地址与下一页图片的资源地址进行比较，根据比较结果找出与当前页图片关联的下一页图片，并与当前页图片一起作为图集进行展示，这样就方便用户在查图界面查看与当前网页图片关联的整个图集，不需要进入不同网页查看关联的其他图，从而解决了现有技术中进行图集式查图时浪费流量且操作复杂的问题，进而实现了有效减少流量及操作简单的效果。

另外，还可以进一步通过遍历当前网页的文档对象模型DOM树获取当前页后缀是图片类型的所有图片进行展示。具体地，进入查图模式查看当前网页的所有图片，通过遍历整个网页的DOM树，以抓取后缀是图片类型的图(如JPG、PNG等)，供用户查看。如网址http://sina.cn/？nav＝top&pos＝3&vt＝4所示，用户调取的图片所在页面存在5张图片。若查看当前网页的所有5幅图片，通过遍历当前网页的DOM树，抓取后缀是图片类型(本网址中为JPG)的图，则用户可在查图模式下查看该网页的所有图片。

在本申请的上述实施例中，通过预读下一页网页获取下一页图片及对应的资源地址包括：采用预读技术预读当前图片所在网页的下一页的图片。所谓预读，即提前加载下一页内容。通过一些关键词，如“下一页”、“余下全文”等进行预读，当发现某一个超链接的文字与某一个关键词匹配时，便默认提前加载下一页。

采用预读技术预读所在网页的下一页的图片后，根据资源地址例如URL(统一资源定位符，Uniform Resource Location)进行匹配。本发明主要以资源地址为URL举例说明但不局限于此。具体匹配原则是在URL中，若域名HOST为相同，路径PATH为部分匹配，则判断为图片相关联，这些图片是在一个图集内。如网址http://deco.rayli.com.cn/deco/2012-03-29/L0007003002_938291.html所示：

当前页面图片的URL为：

http://image3.rayliimg.cn/0007/2012-03-29/images/20123297223829.jpg

下一页包含图片与当前图片重合的URL为：

http://imagel.rayliimg.cn/0007/2012-03-29/images/201232972238248.jpg

将上述URL进行比较分析可知，两个URL中的域名HOST信息相同，路径PATH信息部分匹配(可以认为URL前缀相同)，因此可以确认为下一页图片与当前页图片相关联，属于同一图集，则将当前页图片与下一页关联图片作为图集显示，这样就不用进入其他网页查看其他图片，实现了在同一网页查看其他为不同网页配图的关联图片，无需进入其他网页，进而实现了有效减少流量及操作简单的效果。

进一步的，上述实施例中，在作为图集进行展示时，显示左右箭头，在当前页所有图片进行展示时，显示上下箭头，那么用户在水平方向上可以左右切换查看图集中的图片，即在获取用户左右滑动手势或点击左右箭头操作后，切换显示图集中的图片；在垂直方向上可以上下切换查看当前页中所有的图片，即在获取用户上下滑动手势或点击上下箭头操作后，切换显示当前页所有图片。如果没有获取到与当前页图片相关联的下一页，或当前页没有其他图片，则不显示箭头，用户可以退出查看功能。在上述实施例中，在作为图集进行展示时，也可以显示上下箭头，在当前页所有图片进行展示时，也可以显示左右箭头，那么用户在垂直方向上可以上下切换查看图集中的图片，即在获取用户上下滑动手势或点击上下箭头操作后，切换显示图集中的图片；在水平方向上可以左右切换查看当前页中所有的图片，即在获取用户左右滑动手势或点击左右箭头操作后，切换显示当前页所有图片。

图2是根据本发明实施例2的查看图片的方法的流程图。

实施例2中，优选的，可以选择在WIFI环境下进行用户查图交互，这样在查图交互的过程中可以避免浪费用户的流量。

如图2所示，包括步骤：

步骤201、获取用户长按想要查看的图片的操作，进入查图模式。

该步骤中，获取用户长按图片的操作后，弹出菜单“查看图片”，用户点击后进入查图模式。

步骤202、获取用户所按的当前页图片及对应的URL。

步骤203、通过预读获取下一页图片及对应的URL。

步骤204、通过URL判断下一页图片是否与当前页图片相关联，若是，进入步骤205，若否，进入步骤206。

步骤205、水平方向左右切换查看图集图片。

如果下一页存在于当前页图片相关的图片，则用户在水平方向上左右切换，可查看一个图集中的所有图片，即在获取用户左右滑动手势或点击左右箭头操作后，水平方向左右切换显示图集中的图片。

步骤206、判断当前页是否存在其他图片，若是，进入步骤207，若否，进入步骤208。

步骤207、垂直方向上下切换当前页所有图片。

如果当前页存在其他图片，则用户在垂直方向上上下切换，可查看当前网页上的所有图片。即在获取用户上下滑动手势或点击上下箭头操作后，切换显示当前页所有图片。

步骤208、无其余图片查看，不能上下左右切换。

如果当前页既不存在其他图片，下一页也不存在与当前页图片相关的图片，则无其余图片可看，即不能上下左右切换，用户退出查看功能。

具体地，查图模式效果如下：显示上下箭头，表示当前页面存在其他图片，此时后缀是图片类型的图片将在查图模式界面的纵轴上显示，用户上下滑屏一一查看；显示左右箭头，表示当前图片存在于一个图集中，图集的图片在查图模式界面的横轴上显示，用户左右滑屏一一查看。上下箭头和左右箭头具体如图3所示。如果未显示任何箭头，表示当前页面不存在其他图片，且不存在于任何一个图集中，如图4所示。存在图集及当前页存在其他图片情况下的具体图片显示如图5所示，此时当前页A1、B、C...I图片将在查图模式界面的纵轴上显示，图集中的A1、A2...图片在查图模式界面的横轴上显示。

需说明的是，上述流程图中，也可以先执行判断当前页是否存在其他图片的相关操作，然后再执行判断下一页图片是否与当前页图片相关联的相关操作，也即显示当前页所有图片的功能和显示图集的功能没有必然的顺序关系。

本发明的上述实施例通过预读技术，抓取下一页中与当前页图片的URL中字符串信息(如域名和路径)相关联的图片，即可在查图界面查看当前页图片关联的整个图集，即支持在屏幕上左右切换整个图集中的所有图片。若当前页面存在多图，则可支持在屏幕上下滑屏切换图片。

需要说明的是，在附图的流程图示出的步骤可以在诸如一组计算机可执行指令的计算机***中执行，并且，虽然在流程图中示出了逻辑顺序，但是在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤。

图6是根据本发明实施例的查看图片的装置的结构示意图。

如图6所示，该装置包括：请求获取模块601，第一信息获取模块602，第二信息获取模块603和第一处理模块604。

请求获取模块601，用于获取用户在当前页查看当前页图片的访问请求；

第一信息获取模块602，用于根据所述访问请求获取所述当前页图片及对应的资源地址；

第二信息获取模块603，用于通过预读下一页网页获取下一页图片及对应的资源地址；

第一处理模块604，用于将当前页图片的资源地址与下一页图片的资源地址进行比较，根据比较结果找出与当前页图片关联的下一页图片，并与当前页图片一起作为图集进行展示。

所述装置还包括：第二处理模块605。

第二处理模块605，用于通过遍历当前网页的文档对象模型DOM树获取当前页后缀是图片类型的所有图片进行展示。

所述第一处理模块604包括：比较模块6041和图集模块6042。

比较模块6041，用于将当前页图片的资源地址与下一页图片的资源地址进行比较，若资源地址中的域名为相同且路径为部分匹配，则确定下一页图片与当前页图片关联；

图集模块6042，用于将确定与当前页图片关联的下一页图片，及当前页图片一起作为图集进行展示。

所述装置还包括：标识显示模块606。

标识显示模块606，用于在作为图集进行展示时，显示左右箭头，在当前页所有图片进行展示时，显示上下箭头。

从以上的描述中，可以看出，本发明上述的实施例实现了如下技术效果：本发明先通过预读下一页网页获取下一页图片及对应的资源地址，再将当前页图片的资源地址与下一页图片的资源地址进行比较，根据比较结果找出与当前页图片关联的下一页图片，并与当前页图片一起作为图集进行展示，这样就方便用户在查图界面查看与当前网页图片关联的整个图集，不需要进入不同网页查看关联的其他图，从而解决了现有技术中进行图集式查图时浪费流量且操作复杂的问题，进而实现了有效减少流量及操作简单的效果。本申请不仅满足了用户浏览当前网页所有图片的需求，又能满足浏览图集中其他图片的需求，为用户提供快速读图的操作体验。

显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (6)

1.一种查看图片的方法，其特征在于，包括：

获取用户在当前页查看当前页图片的访问请求；

根据所述访问请求获取所述当前页图片及对应的资源地址；

通过预读下一页网页获取下一页图片及对应的资源地址；

将当前页图片的资源地址与下一页图片的资源地址进行比较，根据比较结果找出与当前页图片关联的下一页图片，并与当前页图片一起作为图集进行展示；

其中，所述方法还包括：通过遍历当前网页的文档对象模型DOM树获取当前页后缀是图片类型的所有图片进行展示；

将当前页图片的资源地址与下一页图片的资源地址进行比较，若资源地址中的域名为相同且路径为部分匹配，则确定下一页图片与当前页图片关联；

将确定与当前页图片关联的下一页图片，及当前页图片一起作为图集进行展示。

2.根据权利要求1所述的方法，其特征在于，所述根据比较结果找出与当前页图片关联的下一页图片，并与当前页图片一起作为图集进行展示时，显示左右箭头；在获取用户左右滑动手势或点击左右箭头操作后，切换显示图集中的图片。

3.根据权利要求1所述的方法，其特征在于，所述通过遍历当前网页的文档对象模型DOM树获取当前页后缀是图片类型的所有图片进行展示时，显示上下箭头；在获取用户上下滑动手势或点击上下箭头操作后，切换显示当前页所有图片。

4.根据权利要求1所述的方法，其特征在于，所述资源地址为URL。

5.一种查看图片的装置，其特征在于，包括：

请求获取模块，用于获取用户在当前页查看当前页图片的访问请求；

第一信息获取模块，用于根据所述访问请求获取所述当前页图片及对应的资源地址；

第二信息获取模块，用于通过预读下一页网页获取下一页图片及对应的资源地址；

第一处理模块，用于将当前页图片的资源地址与下一页图片的资源地址进行比较，根据比较结果找出与当前页图片关联的下一页图片，并与当前页图片一起作为图集进行展示；

所述装置还包括：第二处理模块，用于通过遍历当前网页的文档对象模型DOM树获取当前页后缀是图片类型的所有图片进行展示；

比较模块，用于将当前页图片的资源地址与下一页图片的资源地址进行比较，若资源地址中的域名为相同且路径为部分匹配，则确定下一页图片与当前页图片关联；

图集模块，用于将确定与当前页图片关联的下一页图片，及当前页图片一起作为图集进行展示。

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

标识显示模块，用于在作为图集进行展示时，显示左右箭头，在当前页所有图片进行展示时，显示上下箭头。