CN104462528B - 基于移动终端的网页图片浏览方法及装置 - Google Patents

Abstract

本发明公开一种基于移动终端的网页图片的浏览方法和装置。所述方法包括：在接收到图片浏览请求后，获取移动终端上显示的当前浏览网页上图片的图片数据；将当前浏览网页处理为显示背景；以及基于所获取的图片数据，在被处理为显示背景的当前浏览网页上进行图片显示。利用所述方法和装置，能够在移动终端的用户希望单独浏览网页的图片时，无需关闭当前浏览网页来显示图片，提供更方便的图片浏览界面，从而带给用户良好的操作体验。

Description

基于移动终端的网页图片浏览方法及装置

本申请是2011年12月28日提交的申请号为201110446030.1、发明名称为“基于移动终端的网页图片浏览方法及装置”的分案申请。

技术领域

本发明涉及移动通信领域，具体地，涉及一种基于移动终端的网页图片浏览方法及装置。

背景技术

目前，随着人们对信息获取的要求日益提高以及各种移动终端的快速发展，人们越来越多地使用移动终端来上网。而且，在利用移动终端上网时，网页中的图片、视频等多媒体信息受到了更多的关注。然而，在用户利用移动终端浏览网页时，要想浏览当前打开页面上的单个或多个图片，必须通过划屏操作不断向下翻页来查看，有时甚至需要翻到页面最后才能看到。因此，对于希望单独浏览网页上图片的用户来说，这种图片与文字混合显示的页面给用户浏览当前网页中的图片带来很多不便。此外，由于移动终端上网时受到流量以及终端性能等限制，相对于WEB网页中的图片(在下文中，被称为原图)来说，WAP网页中的对应图片的尺寸小于原图的尺寸。当用户要想查看WAP页面中某个感兴趣的图片的原图时，需要点击该图片的原图链接，在新窗口打开该原图图片，而当用户想要连续看多个图片的原图时，还必须分别点击这些图片的原图链接，单独打开多个窗口才能进行浏览。因而给用户浏览当前网页中的原图带也来不便。综上所述，现有技术下用户在希望浏览移动终端网页中图片时的操作体验不佳。

所以，如何有效地避免在用户利用移动终端浏览网页中的图片时存在的上述客观限制，从而使移动终端的浏览器能够方便快捷地显示用户所要浏览的网页中的图片，是当前急需解决的问题。

发明内容

为了克服现有技术存在的上述问题，本发明提供一种基于移动终端的网页的图片浏览方法及装置，能够在移动终端的用户希望单独浏览网页的多个图片时，提供更方便的图片浏览界面，带给用户良好的操作体验。

根据本发明的一个方面，提供一种基于移动终端的网页图片浏览方法，包括：在接收到图片浏览请求后，获取移动终端上显示的当前浏览网页上图片的图片数据；将当前浏览网页处理为显示背景；以及基于所获取的图片数据，在被处理为显示背景的当前浏览网页上进行图片显示。

优选地，获取移动终端上显示的当前浏览网页上图片的图片数据的步骤可以包括：在接收到图片浏览请求后，在移动终端上显示的当前浏览网页上搜索超过预定尺寸的图片；以及在移动终端上本地获取所搜索出图片的图片数据。

优选地，在所搜索出的图片是多个图片的情况下，所述方法还可以包括：将所搜索出图片的图片数据以列表方式顺序保存在移动终端的存储设备中，以及在基于所获取的图片数据进行图片显示时包括顺序显示所搜索出的图片。

优选地，将当前浏览网页处理为显示背景的步骤可以包括：对所述当前浏览网页进行半透明变暗处理。

优选地，在基于所获取的图片数据进行显示时的步骤可以包括：基于所获取的图片数据，在被处理为显示背景的当前浏览网页上的居中位置进行图片显示。

优选地，基于所获取的图片数据进行图片显示的步骤可以包括：当获取的移动终端上显示的当前浏览网页上的图片的尺寸超过预定尺寸时，基于所获取图片的图片数据以及移动终端的屏幕尺寸生成缩略的图片；以及在被处理为显示背景的当前浏览网页上的居中位置显示所述缩略的图片。

优选地，在当前浏览网页为WAP页面时，所述方法可以进一步包括：在该当前浏览网页的HTML文件或者文档对象模型中，基于预设关键字搜索已经获取图片数据的图片的原图链接；以及将搜索到的原图链接与所述图片数据相关联地保存在所述列表中。

优选地，在基于所获取的图片数据进行图片显示之后，所述方法还可以包括：基于所述获取的图片数据，在所述列表中获取相关联的原图链接；基于从所述列表中获取的原图链接，从目标服务器获取原图数据；以及基于所获取的原图数据，在被处理为显示背景的当前浏览网页上显示与所获取的图片数据对应的图片的原图。

根据本发明的另一个方面，提供一种基于移动终端的网页图片浏览装置，包括：获取模块，用于在接收到图片浏览请求后，获取移动终端上显示的当前浏览网页上图片的图片数据；处理模块，用于将当前浏览网页处理为显示背景；以及显示模块，用于基于所获取的图片数据，在被处理为显示背景的当前浏览网页上进行图片显示。

优选地，所述获取模块可以进一步包括：图片搜索单元，用于在接收到图片浏览请求后，在移动终端上显示的当前浏览网页上搜索超过预定尺寸的图片；以及图片数据获取单元，用于在移动终端上本地获取所搜索出图片的图片数据。

优选地，所述显示模块可以进一步包括：生成单元，用于当获取的移动终端上显示的当前浏览网页上的图片的尺寸超过预定尺寸时，基于所获取图片的图片数据以及移动终端的屏幕尺寸生成缩略的图片。

优选地，在当前浏览网页为WAP页面时，所述获取模块可以进一步包括：原图链接搜索单元，用于在该当前浏览网页的HTML文件或者文档对象模型中，基于预设关键字搜索已经获取的图片的原图链接；以及原图链接存储单元，用于将搜索到的原图链接与所述图片数据相关联地保存在所述列表中。

优选地，所述获取模块还可以包括：原图数据获取单元，用于基于所述获取的图片数据，在所述列表中获取相关联的原图链接；原图链接获取单元，用于基于从所述列表中获取的原图链接，从目标服务器获取原图数据。其中，所述显示模块还可以包括原图显示单元，用于基于所获取的原图数据，在被处理为显示背景的当前浏览网页上显示与所获取的图片数据对应的图片的原图。

根据本发明的又一方面，提供一种移动终端，包括所述网页图片浏览装置。

有益效果

利用本发明的基于移动终端的网页的图片浏览方法的方法和装置，可以解决现有技术中浏览网页时图片与文字混合显示给用户浏览图片带来不便的问题，能够在不关闭当前浏览网页的情况下，以当前浏览网页作为背景进入图片浏览模式，顺序地显示用户要浏览的图片，从而在移动终端的用户希望单独浏览网页上的图片时，提供更方便的图片浏览界面，带给用户更好的操作体验。

附图说明

通过参考以下结合附图的说明及权利要求书的内容，本发明的其它目的及结果将更加明白及易于理解。在附图中：

图1示出了根据本发明一个实施例的基于移动终端的网页的图片浏览方法的流程图；

图2示出了利用图1的方法浏览当前网页上的图片时的浏览界面；

图3示出了在利用图1的方法浏览当前网页上的图片之后，进一步浏览当前网页上的图片的原图时的浏览界面；以及

图4示出了根据本发明一个实施例的基于移动终端的网页图片浏览装置的方框图。

在所有附图中相同的标号指示相似或相应的特征或功能。

具体实施方式

在下面的描述中，出于说明的目的，为了提供对一个或多个实施例的全面理解，阐述了许多具体细节。然而，很明显，也可以在没有这些具体细节的情况下实现这些实施例。在其它例子中，为了便于描述一个或多个实施例，公知的结构和设备以方框图的形式示出。

在此，在本发明的说明书中使用的术语仅仅是为了描述特定的实施例，而不是意图限制本发明。如在本发明的说明书和所附权利要求中所使用的，单数形式“一个”、“一种”和“该”意图也包括复数形式，除非上下文以别的方式清楚指明。还应该理解，这里所使用的术语“和/或”指的是、且包含相关列出项中的一个或多个的任何和所有可能的组合。还应该理解，术语“包括”和/或“包含”当用于该说明书中时，表示存在所述的特征、整体、步骤、操作、元素、和/或部件，但是不排除存在或增加一个或多个其它特征、整体、步骤、操作、元素、部件、和/或其集合。

下面将结合附图和具体实施例对本发明做进一步详细的描述。

图1示出了根据本发明一个实施例的基于移动终端的网页的图片浏览方法的流程图。在本实施例中，移动终端为手机。手机的用户在需要单独浏览当前浏览网页上的多个图片时，不需要关闭当前浏览网页，在页面上通过长按屏幕来发送图片浏览请求，从而通过选择菜单进入图片浏览模式。

如图1所示，在步骤S110，在当前浏览网页上搜索尺寸超过预定尺寸的图片。优选地，预定尺寸为20x 50或50x 20。在本发明的其它实施例中，基于移动终端的网页的图片浏览方法可以不包括上述搜索尺寸超过预定尺寸的图片的步骤S110。但优选的是，所述方法包括步骤S110，通过搜索尺寸超过预定尺寸的图片可以预先过滤掉网页上的诸如装饰性图片等不是用户所需浏览的图片，从而更有效地搜索到用户所需浏览的图片。

在步骤S120，判断是否搜索到尺寸超过预定尺寸的图片。如果搜索到，则进行步骤S130，否则，转到步骤S170，给出“无法进入图片浏览模式”的提示。

在步骤S130，在移动终端上本地获取所搜索出图片的图片数据。在搜索出的图片是多个图片的情况下，将所搜索出图片的图片数据以列表方式顺序保存在移动终端的存储设备中。这里，列表中保存所获取的图片数据和图片的顺序。

在步骤S140，在当前浏览网页为WAP页面时，在该当前浏览网页的HTML文件或者文档对象模型中，基于预设关键字搜索已经获取图片数据的图片的原图链接；并且将搜索到的原图链接与所述图片数据相关联地保存在所述列表中。更具体地，在前浏览网页的HTML文件或者文档对象模型中，在已经获取图片数据的图片的链接后面预定范围内的标签中进行搜索，预定范围可以是10个，也可以根据需要设定为其它数值。预设关键字可以是原图、大图、查看原图、查看大图、看大图、看原图等关键字。如果在预定范围内的标签中搜索到该图片的原图链接，则把搜索到的该原图链接作为与步骤S130获取了图片数据的图片的对应原图链接保存在列表中。如果没有搜索到该图片的原图链接则进行下面要描述的步骤S160。另外，如果当前浏览网页类型不是WAP网页，则进行下面要描述的步骤S150。

在步骤S150，将当前浏览网页处理为显示背景。优选地，对所述当前浏览网页进行半透明变暗处理，以将当前浏览网页处理为显示背景。在本发明的其它实施例中，也可以采用本领域技术人员公知的其它方式对当前浏览网页进行处理，比如做不透明处理或者透明处理，或者也可以根据用户当前的浏览模式对当前浏览网页做相应的处理，如果是夜间模式则不透明处理，如果是日间模式则进行不透明处理，以将当前浏览网页处理为显示背景。

在步骤S160，基于步骤S130中所获取的图片数据，在被处理为显示背景的当前浏览网页上进行图片显示。也就是，基于列表中所保存的图片数据显示相应的图片。图2示出了利用图1的方法浏览当前网页上的图片时的浏览界面。优选地，在步骤S160中，基于所获取的图片数据，在被处理为显示背景的当前浏览网页上的居中位置进行图片显示。在所获取的图片是多个图片的情况下，手机用户可以通过显示窗口上的方向键或者左右划屏操作来查看上一张或者下一张图片，实现连续的图片显示。优选地，在图片切换时候具有平滑过渡效果。更优选地，在进行图片显示时，当获取的移动终端上显示的当前浏览网页上的图片的尺寸超过预定尺寸时，基于所获取图片的图片数据以及移动终端的屏幕尺寸生成缩略的图片，然后在被处理为显示背景的当前浏览网页上的居中位置显示所述缩略的图片。如果所获取图片的尺寸未超过预定尺寸，则直接以实际大小显示图片。在本发明的其它示例性实施例中，也可以采用在窗口中居中之外的其它方式来显示图片。在步骤S160中，如果列表中的图片数据为0，转到步骤S170，给出“无法进入图片浏览模式”的提示。

图1是本发明的示例性实施例，在本发明的其它实施例中，当手机的用户进行了如图1所示的当前浏览网页的图片显示之后，想进一步浏览图片的原图时，可以在当前显示窗口中通过选择菜单选项中的“原图”来浏览图片的原图。参照图3，图3示出了在利用图1的方法浏览当前网页上的图片之后，进一步浏览当前网页上的图片的原图时的浏览界面。

下面将描述手机用户在利用图1的方法浏览当前网页上的图片之后，进一步浏览当前网页上的图片的原图的步骤。更具体地，判断原图缓存中是否保存有当前浏览网页上显示图片的原图的原图数据。如果有，则在被处理为显示背景的当前浏览网页上的居中位置，显示图片的原图数据。如果没有，则判断列表中是否保存有要获取原图数据的图片的原图链接。如果该列表中保存有该图片的原图链接，则从列表中获取该图片的原图链接。如果该列表中没有保存该图片的原图链接，则在该当前浏览网页的HTML文件或者文档对象模型中搜索该图片的原图链接。这里，搜索该原图链接的方法与图1所示的实施例的步骤S140中的方法相同，因而省去其详细描述。然后，基于所搜索到的原图链接或从列表中获取的原图链接，从目标服务器获取所述多个图片的原图数据。在获取原图数据的同时，可以在当前窗口中增加联网等待动画显示。之后，将获取到的原图数据保存到原图缓存中。最后，在被处理为显示背景的当前浏览网页上显示与所获取的图片数据对应的图片的原图。在显示原图图片时，如果图片尺寸超过屏幕大小，则在屏幕上显示图片的居中部分，通过触摸拖动或各个方向按键操作来查看图片的其它部分。这里，原图缓存在每次退出图片浏览模式之后进行清空。这样，在手机用户进行图片的原图浏览时，不必每次都向所需图片的目标网站服务器请求该图片的原图数据，从而提高了用户的浏览速率。但是在本发明的其它示例性实施例中，也可以不保存图片的原图数据。

图4是示出根据本发明一个示例性实施例的基于移动终端的网页图片浏览装置的方框图。

如图4所示，基于移动终端的网页图片浏览装置400包括：获取模块410、处理模块420，以及显示模块430。

获取模块410，用于在接收到图片浏览请求后，获取移动终端上显示的当前浏览网页上图片的图片数据。更具体地，获取模块410进一步包括：图片搜索单元411，用于在接收到图片浏览请求后，在移动终端上显示的当前浏览网页上搜索超过预定尺寸的图片；以及图片数据获取单元412，用于在移动终端上本地获取所搜索出图片的图片数据。优选地，预定尺寸为20x 50或50x20。如果图片数据获取单元412没有搜索到尺寸超过预定大小的图片，则显示模块430显示“无法进入图片浏览模式”的提示。在所搜索出的图片是多个图片的情况下，图片数据获取单元412将所搜索出图片的图片数据以列表方式顺序保存在移动终端的存储设备中。

优选地，在当前浏览网页为WAP页面时，获取模块410进一步包括：原图链接搜索单元413，用于在该当前浏览网页的HTML文件或者文档对象模型中，基于预设关键字搜索已经获取的图片的原图链接；以及原图链接存储单元414，用于将搜索到的原图链接与图片数据相关联地保存在列表中。搜索所述原图链接可以基于诸如原图、大图、查看原图、查看大图、看大图、看原图等关键字HTML文件或者文件对象模型中进行搜索。如果原图链接存储单元414在当前浏览网页的HTML文件或者文件对象模型的预定范围内的标签中搜索到该图片的原图链接，则把搜索到的该原图链接与该图片的图片数据相关联地保存在列表中。

处理模块420，用于将当前浏览网页处理为显示背景。具体地，处理模块420对所述当前浏览网页进行半透明变暗处理，以图片浏览模式的背景。

显示模块430，用于基于所获取的图片数据，在被处理为显示背景的当前浏览网页上进行图片显示。也就是，基于列表中所保存的图片数据显示相应的图片。在所获取的图片数据是多个的情况下，显示模块430顺序显示所获取的图片数据。优选地，显示模块430还可以包括：生成单元(未示出)，用于当获取的移动终端上显示的当前浏览网页上的图片的尺寸超过预定尺寸时，基于所获取图片的图片数据以及移动终端的屏幕尺寸生成缩略的图片，从而使该图片以适合屏幕的大小进行显示。在当前列表中的图片数量为0时，则显示模块430显示“无法进入图片浏览模式”的提示。

如图4所示，在手机用户在利用图1的方法浏览当前网页上的图片之后，进一步浏览当前网页上的图片的原图网页时，图片浏览装置400的获取模块410还包括：原图数据获取单元415和原图链接获取单元416。其中，原图数据获取单元415用于基于所述获取的图片数据，在所述列表中获取相关联的原图链接。原图链接获取单元416，用于基于从所述列表中获取的原图链接，从目标服务器获取原图数据。图片浏览装置400的显示模块430还包括原图显示模块431。其中，原图显示单元431用于基于所获取的原图数据，在被处理为显示背景的当前浏览网页上显示与所获取的图片数据对应的图片的原图。

综上所述，利用本发明的基于移动终端的网页的图片浏览方法的方法和装置，可以解决现有技术中浏览网页时，图片与文字混合显示的页面给用户浏览图片带来不便的问题，能够在不关闭当前浏览网页的情况下，以当前浏览网页作为背景进入图片浏览模式，顺序地显示用户要浏览的图片，从而在移动终端的用户希望单独浏览网页上的图片时，提供更方便的浏览界面，带给用户更好的操作体验。

典型地，本发明所述的移动终端可以是各种可能进行网页浏览的终端设备，例如手机、个人数字助理(PDA)等，因此本发明的保护范围不应限定为某种特定类型的移动终端。

尽管前面公开的内容示出了本发明的示例性实施例，但是应当注意，在不背离权利要求限定的本发明的范围的前提下，可以进行多种改变和修改。根据这里描述的发明实施例的方法权利要求的功能、步骤和/或动作不需以任何特定顺序执行。此外，尽管本发明的元素可以以个体形式描述或要求，但是也可以设想多个，除非明确限制为单数。

尽管已经结合详细示出并描述的优选实施例公开了本发明，但是本领域技术人员应当理解，对于上述根据本发明的基于移动终端的网页的图片浏览方法的方法和装置，还可以在不脱离本发明内容的基础上做出各种修改和变形。这些修改和变形落在本发明的保护范围之内，并且本发明的保护范围应当由所附的权利要求书的内容确定。

Claims (12)

1.一种基于移动终端的网页图片浏览方法，包括：

在接收到用于进入图片浏览模式的图片浏览请求后，获取移动终端上显示的当前浏览网页上多个图片的图片数据；

在当前浏览网页为WAP页面时，在该当前浏览网页的HTML文件或者文档对象模型中，基于预设关键字搜索已获取到图片数据的图片的原图链接并将搜索到的原图链接与所述图片数据相关联地保存在列表中，其中是在已经获取图片数据的图片的链接后面预定范围内的标签中进行搜索，如果在预定范围内的标签中搜索到该图片的原图链接，则把搜索到的该原图链接保存在列表中；

将当前浏览网页处理为显示背景；以及

基于所获取的图片数据，在被处理为显示背景的当前浏览网页上连续地进行图片显示。

2.如权利要求1所述的方法，其中，获取移动终端上显示的当前浏览网页上图片的图片数据的步骤包括：

在接收到图片浏览请求后，在移动终端上显示的当前浏览网页上搜索超过预定尺寸的图片；以及

在移动终端上本地获取所搜索出图片的图片数据。

3.如权利要求2所述的方法，其中，所述方法还包括：

将所搜索出图片的图片数据用所述列表顺序保存在移动终端的存储设备中，以及

在基于所获取的图片数据进行图片显示时包括顺序显示所搜索出的图片。

4.如权利要求1所述的方法，其中，将当前浏览网页处理为显示背景的步骤包括：

对所述当前浏览网页进行半透明变暗处理。

5.如权利要求1所述的方法，其中，在基于所获取的图片数据进行显示时的步骤包括：

基于所获取的图片数据，在被处理为显示背景的当前浏览网页上的居中位置进行图片显示。

6.如权利要求5所述的方法，其中，基于所获取的图片数据进行图片显示的步骤包括：

当获取的移动终端上显示的当前浏览网页上的图片的尺寸超过预定尺寸时，基于所获取图片的图片数据以及移动终端的屏幕尺寸生成缩略的图片；以及

在被处理为显示背景的当前浏览网页上的居中位置显示所述缩略的图片。

7.如权利要求1所述的方法，其中，在基于所获取的图片数据进行图片显示之后，所述方法还包括：

基于所述获取的图片数据，在所述列表中获取相关联的原图链接；

基于从所述列表中获取的原图链接，从目标服务器获取原图数据；以及

基于所获取的原图数据，在被处理为显示背景的当前浏览网页上显示与所获取的图片数据对应的图片的原图。

8.一种基于移动终端的网页图片浏览装置，包括：

获取模块，用于在接收到用于进入图片浏览模式的图片浏览请求后，获取移动终端上显示的当前浏览网页上多个图片的图片数据；

处理模块，用于将当前浏览网页处理为显示背景；以及

显示模块，用于基于所获取的图片数据，在被处理为显示背景的当前浏览网页上连续地进行图片显示，

所述获取模块进一步包括：

原图链接搜索单元，用于在该当前浏览网页的HTML文件或者文档对象模型中，基于预设关键字搜索已经获取的图片的原图链接；以及

原图链接存储单元，用于将搜索到的原图链接与所述图片数据相关联地保存在列表中；

其中，原图链接搜索单元是在已经获取图片数据的图片的链接后面预定范围内的标签中进行搜索，如果在预定范围内的标签中搜索到该图片的原图链接，则原图链接存储单元把搜索到的该原图链接保存在列表中。

9.按照权利要求8所述的装置，其中，所述获取模块进一步包括：

图片搜索单元，用于在接收到图片浏览请求后，在移动终端上显示的当前浏览网页上搜索超过预定尺寸的图片；以及

图片数据获取单元，用于在移动终端上本地获取所搜索出图片的图片数据。

10.按照权利要求8所述的装置，其中，所述显示模块进一步包括：

生成单元，用于当获取的移动终端上显示的当前浏览网页上的图片的尺寸超过预定尺寸时，基于所获取图片的图片数据以及移动终端的屏幕尺寸生成缩略的图片。

11.按照权利要求8所述的装置，其中，所述获取模块还包括：

原图数据获取单元，用于基于所述获取的图片数据，在所述列表中获取相关联的原图链接；

原图链接获取单元，用于基于从所述列表中获取的原图链接，从目标服务器获取原图数据；以及

所述显示模块还包括原图显示单元，用于基于所获取的原图数据，在被处理为显示背景的当前浏览网页上显示与所获取的图片数据对应的图片的原图。

12.一种移动终端，包括如权利要求8到11中任何一项所述的网页图片浏览装置。