CN104598468A - 一种网页图片的显示方法及装置 - Google Patents

Abstract

本发明公开了一种网页图片的显示方法及装置，所述方法可包括：获取当前移动终端浏览器页面中的网页图片数据，网页图片数据包括：至少一个网页图片子文件和网页图片关联信息；当接收到图片显示触控指令时，在移动终端浏览器创建浏览器全屏显示窗口，浏览器全屏显示窗口包括：图片显示区域和关联信息显示区域；在图片显示区域显示至少一个网页图片子文件，在关联信息显示区域显示网页图片关联信息。本发明可在移动终端浏览器创建浏览器全屏显示窗口，在移动终端浏览器客户端应用程序侧实现网页图片数据的显示与编辑，用户可在浏览器全屏显示窗口查阅与编辑网页图片，提高了移动终端浏览器查阅与编辑网络图片的智能性。

Description

一种网页图片的显示方法及装置

技术领域

本发明涉及计算机领域，尤其涉及一种网页图片的显示方法及装置。

背景技术

通过浏览器客户端应用程序可以显示从网页服务器中获取到的数据，在手机、平板电脑等移动终端中，可通过移动终端浏览器实现移动互联网服务，例如，手机浏览器是一种用户在手机终端上通过无线通讯网络进行互联网内容浏览的移动互联网工具，其最主要的应用为网页浏览，同时也可以聚集大量的应用，如导航、社区、多媒体影音、天气、股市等。

现有移动终端浏览器中，通过网络从服务器请求到的图片数据经渲染后显示在浏览器的网页页面中，无法在移动终端浏览器客户端应用程序侧实现网页图片的显示。当多张相关图片通过不同页面或异步加载方式显示时，用户需主动去点击以显示下一个图片或上一个图片，显示的图片为网页提供商根据需求设计且基于JS（Javascript，是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言）脚本实现，展现效果限制于网页设计人员，图片显示效果不友好。如果用户需要放大某一个网页页面中的图片，需选择该图片，浏览器接收到用户的选择指令后，从服务器中请求该图片对应的数据，在新的网页页面中显示该图片，用户需等待网页缓冲，在新的网页页面中对显示的图片进行放大操作以查阅，如果要查阅多张相关图片，需对每个页面的图片进行操作，用户对图片进行再编辑操作的步骤繁琐，现有技术无法在移动终端浏览器客户端应用程序侧实现网页图片的查阅与编辑。

发明内容

本发明实施例提供一种网页图片的显示方法及装置。可在移动终端浏览器客户端应用程序侧实现网页图片数据的显示与编辑，用户可在浏览器全屏显示窗口查阅与编辑网页图片，提高了移动终端浏览器查阅与编辑网络图片的智能性。

本发明第一方面提供一种网页图片的显示方法，可包括：

获取当前移动终端浏览器页面中的网页图片数据，所述网页图片数据包括：至少一个网页图片子文件和网页图片关联信息；

当接收到图片显示触控指令时，在所述移动终端浏览器创建浏览器全屏显示窗口，所述浏览器全屏显示窗口包括：图片显示区域和关联信息显示区域；

在所述浏览器全屏显示窗口的图片显示区域显示所述获取到的至少一个网页图片子文件，在所述浏览器全屏显示窗口的关联信息显示区域显示所述获取到的网页图片关联信息。

本发明第二方面提供一种网页图片的显示装置，可包括：

获取模块，用于获取当前移动终端浏览器页面中的网页图片数据，所述网页图片数据包括：至少一个网页图片子文件和网页图片关联信息；

窗口创建模块，用于当接收到图片显示触控指令时，在所述移动终端浏览器创建浏览器全屏显示窗口，所述浏览器全屏显示窗口包括：图片显示区域和关联信息显示区域；

显示模块，用于在所述浏览器全屏显示窗口的图片显示区域显示所述获取模块获取到的至少一个网页图片子文件，在所述浏览器全屏显示窗口的关联信息显示区域显示所述获取模块获取到的网页图片关联信息。

实施本发明实施例，具有如下有益效果：

本发明实施例可在移动终端浏览器创建浏览器全屏显示窗口，并显示当前移动终端浏览器页面中的至少一个网页图片子文件和网页图片关联信息，在移动终端浏览器客户端应用程序侧实现网页图片数据的显示与编辑，当有多个网页图片子文件时，无需再打开每个网页图片子文件对应的网页页面，可直接在浏览器全屏显示窗口中查阅或编辑各网页图片子文件，提高了移动终端浏览器查阅和编辑网络图片的智能性。

附图说明

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

图1为本发明实施例提供的一种网页图片的显示方法的流程图；

图2为本发明实施例提供的浏览器全屏显示窗口的示意图；

图3为本发明实施例提供的一种网页图片的显示装置的结构示意图；

图4为本发明实施例提供的显示模块的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明实施例中，移动终端包括但不局限于：手机、平板电脑、个人数字助理（PDA，Personal Digital Assistant，又名掌上电脑）等终端设备。移动终端浏览器例如适合WAP（Wireless Application Protocol，无线应用协议）、WWW（World Wide Web，万维网）网页浏览的手机QQ浏览器等。网页图片包括网页内的图片和网页间的图片，网页内的图片指一个网页页面内所有的图片（网页页面内的广告，标识logo等图片除外），网页间的图片指分布在不同网页页面且有关联的图片，用户需要点击某个按钮才能展现的图片。

本发明公开了一种网页图片的显示方法及装置，包括：获取当前移动终端浏览器页面中的网页图片数据，网页图片数据包括：至少一个网页图片子文件和网页图片关联信息；当接收到图片显示触控指令时，在移动终端浏览器创建浏览器全屏显示窗口，浏览器全屏显示窗口包括：图片显示区域和关联信息显示区域；在浏览器全屏显示窗口的图片显示区域显示获取到的至少一个网页图片子文件，在浏览器全屏显示窗口的关联信息显示区域显示获取到的网页图片关联信息。

采用本发明实施例，用户在查看网页图片时，可在移动终端浏览器创建的浏览器全屏显示窗口中查阅显示的网页图片子文件和网页图片关联信息，当有多个网页图片子文件时，无需再打开每个网页图片子文件对应的网页页面，可直接在浏览器全屏显示窗口中查阅或编辑各网页图片子文件，在移动终端浏览器客户端应用程序侧实现网页图片数据的显示与编辑，提高了移动终端浏览器查阅和编辑网络图片的智能性。

下面将结合附图1，对本发明实施例提供的网页图片的显示方法进行详细介绍。

请参见图1，为本发明实施例提供的一种网页图片的显示方法的流程图；该方法可包括以下S101～S103。

S101，获取当前移动终端浏览器页面中的网页图片数据，网页图片数据包括：至少一个网页图片子文件和网页图片关联信息。

作为一种可选的实施方式，本步骤中，获取当前移动终端浏览器页面中的网页图片数据，其中，网页图片数据包括但不局限于：至少一个网页图片子文件和网页图片关联信息。其中，网页图片关联信息可以包括：网页图片子文件的索引信息、网页图片数据加载进度信息或网页图片子文件的标题信息。具体的，根据当前移动终端浏览器页面中的网页图片子文件获取网页图片数据的DOM节点，若有父节点，则确定该网页图片子文件为套图关系，遍历DOM树获取兄弟节点对应的网页图片子文件。其中，位于同一层且连接在同一父节点上的节点互为兄弟节点，本发明实施例中，套图图片在同一个父节点之下，各个网页图片子文件的节点属于同一层的节点，且在同一个父节点之下，则各个网页图片子文件的节点互为兄弟节点。例如，网页页面显示一则新闻A，该新闻A包含3张网页图片，共3个网页页面显示，每个网页页面显示一张网页图片，则存在父节点，当前显示第1张网页图片，本步骤中，获取到当前移动终端浏览器页面中的网页图片数据，获取到的网页图片子文件为第一张网页图片，进一步可选的，遍历DOM树获取兄弟节点对应的网页图片子文件，则获取到该新闻A包含的其他两张网页图片：第2张网页图片和第3张网页图片。

S102，当接收到图片显示触控指令时，在移动终端浏览器创建浏览器全屏显示窗口，浏览器全屏显示窗口包括：图片显示区域和关联信息显示区域。

作为一种可选的实施方式，本步骤中，当接收到图片显示触控指令时，在移动终端浏览器创建浏览器全屏显示窗口。用户对显示在当前移动终端浏览器页面中的按钮或图片入口的进行触控操作，进而接收到图片显示触控指令，根据该图片显示触控指令在移动终端浏览器创建浏览器全屏显示窗口。浏览器全屏显示窗口为浏览器本地创建的显示窗口，为在移动终端浏览器客户端应用程序侧实现，而不是现有技术中网页提供商根据需求设计且基于JS脚本实现。在浏览器本地自带的例如收藏夹、标签等元素，浏览器全屏显示窗口也为浏览器本地自带的元素。

作为一种可选的实施方式，浏览器全屏显示窗口可以为浮动在当前移动终端浏览器页面的窗口，浏览器全屏显示窗口中可以包括：图片显示区域和关联信息显示区域，关联信息显示区域为浏览器显示窗口中图片显示区域以外的区域。其中，图片显示区域可以包括：预设的第一显示区域和预设的第二显示区域。如图2所示，为本发明实施例提供的浏览器全屏显示窗口的示意图，区域201为预设的第一显示区域，区域201用于显示大图，区域202为预设的第二显示区域，区域202用于显示缩略图，区域201大于区域202，区域201和区域202之外的区域可以为关联信息显示区域。

S103，在浏览器全屏显示窗口的图片显示区域显示获取到的至少一个网页图片子文件，在浏览器全屏显示窗口的关联信息显示区域显示获取到的网页图片关联信息。

作为一种可选的实施方式，在浏览器全屏显示窗口的图片显示区域显示获取到的至少一个网页图片子文件。可选的，在浏览器全屏显示窗口的图片显示区域显示获取到的至少一个网页图片子文件具体可以包括：

在浏览器全屏显示窗口中预设的第一显示区域显示获取到的当前移动终端浏览器页面中的网页图片子文件；

在浏览器全屏显示窗口中预设的第二显示区域显示所述网页图片子文件的缩略图以及所述网页图片子文件的相邻网页图片子文件的缩略图，预设的第一显示区域大于预设的第二显示区域。

作为一种可选的实施方式，如图2所示，S101中获取到当前移动终端浏览器页面中的网页图片子文件为图片3，图片3的相邻网页子文件还包括图片2和图片4，则在预设的第一显示区域即区域201显示图片3，在预设的第二显示区域即区域302显示图片2的缩略图、图片3的缩略图以及图片4的缩略图。

作为一种可选的实施方式，在浏览器全屏显示窗口的关联信息显示区域显示获取到的网页图片关联信息，其中，网页图片关联信息可以包括：网页图片子文件的索引信息、网页图片数据加载进度信息或网页图片子文件的标题信息。如图2所示，203为网页图片子文件的标题信息，204为网页图片子文件的索引信息，“（3/5）”指共5张网页图片子文件，当前显示第3张，205为网页图片数据加载进度信息，可以为两个状态，“正在爬取”或“爬取完成”。

作为一种可选的实施方式，当接收到对浏览器全屏显示窗口中预设的第一显示区域显示的网页图片子文件的左/右滑动指令时，在预设的第一显示区域显示所述网页图片子文件的前/后相邻网页图片子文件。如图2所示，用户可用手指或者触摸屏笔对区域201中的图片3进行左/右滑动，进而获取到左/右滑动指令，可对应显示图片2或图片4。

作为一种可选的实施方式，当接收到对浏览器全屏显示窗口中预设的第二显示区域显示的所述网页图片子文件的相邻网页图片子文件的缩略图进行的触控选择时，在预设的第一显示区域显示所述触控选择的缩略图对应的网页图片子文件。如图2所示，用户可用手指或者触摸屏笔对区域202中的缩略图进行触控选择，例如，用户选择了区域202中的图片4，则在区域201对应显示图片4的大图。

作为一种可选的实施方式，当接收到对所述浏览器全屏显示窗口中显示的前/后缩略图触控按钮的选择指令时，在所述预设的第二显示区域显示网页图片子文件的前/后相邻网页图片子文件的缩略图。如图2所示，按钮206为前缩略图触控按钮、按钮207为后缩略图触控按钮，当接收到用户对按钮206或者按钮207的选择指令时，在区域202中对应前后显示前/后缩略图，若接收到用户对按钮206的选择指令，则区域202中显示图片1的缩略图、图片2的缩略图和图片3的缩略图，若接收到用户对按钮207的选择指令，则区域202中显示图片3的缩略图、图片4的缩略图和图片5的缩略图。

进一步可选的，本发明实施例提供的网页图片的显示方法在S103之后还可以包括步骤：

当接收到对所述浏览器全屏显示窗口中预设的第一显示区域显示的网页图片子文件的编辑触控指令时，执行所述编辑触控指令对应的编辑操作，所述编辑触控指令包括：放大指令、缩小指令、分享指令、保存指令、收藏指令或涂鸦指令。

作为一种可选的实施方式，用户对浏览器全屏显示窗口中预设的第一显示区域显示的网页图片子文件的编辑触控指令，编辑触控指令包括：放大指令、缩小指令、分享指令、保存指令、收藏指令或涂鸦指令，本步骤中，接收到该编辑触控指令，执行编辑触控指令对应的编辑操作，编辑触控指令可以为用户直接在浏览器全屏显示窗口中显示网页图片子文件的屏幕的触控选择或者对浏览器全屏显示窗口的预设的按钮的触控选择，例如用户双指触控浏览器全屏显示窗口中预设的第一显示区域显示的网页图片子文件可进行放大/缩小该网页图片子文件，长按浏览器全屏显示窗口中预设的第一显示区域显示的网页图片子文件则弹出菜单，可进行分享/保存/收藏/涂鸦选择等，若选择了分享，则可继续选择分享到朋友圈、空间、微博等具体的分享目标地址。

本发明实施例提供一种网页图片的显示方法，可在移动终端浏览器创建浏览器全屏显示窗口，并显示当前移动终端浏览器页面中的至少一个网页图片子文件和网页图片关联信息，在移动终端浏览器客户端应用程序侧实现网页图片数据的显示与编辑，当有多个网页图片子文件时，无需再打开每个网页图片子文件对应的网页页面，可直接在浏览器全屏显示窗口中查阅或编辑各网页图片子文件，在浏览器全屏显示窗口中可直接对各网页图片子文件进行编辑操作，操作步骤便捷，提高了移动终端浏览器查阅和编辑网络图片的智能性。

下面将结合附图3，对本发明实施例提供的网页图片的显示装置进行详细介绍。需要说明的是，附图3所示的网页图片的显示装置，用于执行本发明图1所示实施例的方法，为了便于说明，仅示出了与本发明实施例相关的部分，具体技术细节未揭示的，请参照本发明图1所示的实施例。

请参见图3，为本发明实施例提供的一种网页图片的显示装置的结构示意图；该装置可包括：获取模块301、窗口创建模块302和显示模块303。

获取模块301，用于获取当前移动终端浏览器页面中的网页图片数据，所述网页图片数据包括：至少一个网页图片子文件和网页图片关联信息。

作为一种可选的实施方式，获取模块301获取当前移动终端浏览器页面中的网页图片数据，其中，网页图片数据包括但不局限于：至少一个网页图片子文件和网页图片关联信息。其中，网页图片关联信息可以包括：网页图片子文件的索引信息、网页图片数据加载进度信息或网页图片子文件的标题信息。具体的，根据当前移动终端浏览器页面中的网页图片子文件获取网页图片数据的DOM节点，若有父节点，则确定该网页图片子文件为套图关系，遍历DOM树获取兄弟节点对应的网页图片子文件。其中，位于同一层且连接在同一父节点上的节点互为兄弟节点，本发明实施例中，套图图片在同一个父节点之下，各个网页图片子文件的节点属于同一层的节点，且在同一个父节点之下，则各个网页图片子文件的节点互为兄弟节点。例如，网页页面显示一则新闻A，该新闻A包含3张网页图片，共3个网页页面显示，每个网页页面显示一张网页图片，则存在父节点，当前显示第1张网页图片，获取到当前移动终端浏览器页面中的网页图片数据，获取到的网页图片子文件为第一张网页图片，进一步可选的，遍历DOM树获取兄弟节点对应的网页图片子文件，则获取到该新闻A包含的其他两张网页图片：第2张网页图片和第3张网页图片。

窗口创建模块302，用于当接收到图片显示触控指令时，在所述移动终端浏览器创建浏览器全屏显示窗口，浏览器全屏显示窗口包括：图片显示区域和关联信息显示区域。

作为一种可选的实施方式，当接收到图片显示触控指令时，窗口创建模块302在移动终端浏览器创建浏览器全屏显示窗口。用户对显示在当前移动终端浏览器页面中的按钮或图片入口的进行触控操作，进而接收到图片显示触控指令，窗口创建模块302根据该图片显示触控指令在移动终端浏览器创建浏览器全屏显示窗口。浏览器全屏显示窗口为浏览器本地创建的显示窗口，为在移动终端浏览器客户端应用程序侧实现，而不是现有技术中网页提供商根据需求设计且基于JS脚本实现。在浏览器本地自带的例如收藏夹、标签等元素，浏览器全屏显示窗口也为浏览器本地自带的元素。

作为一种可选的实施方式，浏览器全屏显示窗口可以为浮动在当前移动终端浏览器页面的窗口，浏览器全屏显示窗口中可以包括：图片显示区域和关联信息显示区域，关联信息显示区域为浏览器显示窗口中图片显示区域以外的区域。其中，图片显示区域可以包括：预设的第一显示区域和预设的第二显示区域。如图2所示，区域201为预设的第一显示区域，区域201用于显示大图，区域202为预设的第二显示区域，区域202用于显示缩略图，区域201大于区域202，区域201和区域202之外的区域可以为关联信息显示区域。

显示模块303，用于在所述浏览器全屏显示窗口的图片显示区域显示获取模块301获取到的至少一个网页图片子文件，在浏览器全屏显示窗口的关联信息显示区域显示获取模块301获取到的网页图片关联信息。

作为一种可选的实施方式，显示模块303在浏览器全屏显示窗口显示获取模块301获取到的至少一个网页图片子文件。显示模块303可在浏览器全屏显示窗口中预设的第一显示区域显示获取到的当前移动终端浏览器页面中的网页图片子文件。显示模块303可在在浏览器全屏显示窗口中预设的第二显示区域显示所述网页图片子文件的缩略图以及网页图片子文件的相邻网页图片子文件的缩略图，预设的第一显示区域大于预设的第二显示区域。

显示模块303，还用于在浏览器全屏显示窗口的关联信息显示区域显示获取模块301获取到的网页图片关联信息，其中，网页图片关联信息可以包括：网页图片子文件的索引信息、网页图片数据加载进度信息或网页图片子文件的标题信息。如图2所示，203为网页图片子文件的标题信息，204为网页图片子文件的索引信息，“（3/5）”指共5张网页图片子文件，当前显示第3张，205为网页图片数据加载进度信息，可以为两个状态，“正在爬取”或“爬取完成”。

进一步可选的，本发明实施例中的装置，还可以包括：编辑操作模块304。

编辑操作模块304，用于当接收到对所述浏览器全屏显示窗口中预设的第一显示区域显示的网页图片子文件的编辑触控指令时，执行所述编辑触控指令对应的编辑操作，所述编辑触控指令包括：放大指令、缩小指令、分享指令、保存指令、收藏指令或涂鸦指令。

作为一种可选的实施方式，用户对浏览器全屏显示窗口中预设的第一显示区域显示的网页图片子文件的编辑触控指令，编辑触控指令包括：放大指令、缩小指令、分享指令、保存指令、收藏指令或涂鸦指令，编辑操作模块304接收到该编辑触控指令，执行编辑触控指令对应的编辑操作，编辑触控指令可以为用户直接在浏览器全屏显示窗口中显示网页图片子文件的屏幕的触控选择或者对浏览器全屏显示窗口的预设的按钮的触控选择，例如用户双指触控浏览器全屏显示窗口中预设的第一显示区域显示的网页图片子文件可进行放大/缩小该网页图片子文件，长按浏览器全屏显示窗口中预设的第一显示区域显示的网页图片子文件则弹出菜单，可进行分享/保存/收藏/涂鸦选择等，若选择了分享，则可继续选择分享到朋友圈、空间、微博等具体的分享目标地址。

本发明实施例中，提供一种网页图片的显示装置，窗口创建模块可在移动终端浏览器创建浏览器全屏显示窗口，显示模块可显示当前移动终端浏览器页面中的至少一个网页图片子文件和网页图片关联信息，在移动终端浏览器客户端应用程序侧实现网页图片数据的显示与编辑，当有多个网页图片子文件时，无需再打开每个网页图片子文件对应的网页页面，可直接在浏览器全屏显示窗口中查阅或编辑各网页图片子文件，在浏览器全屏显示窗口中可直接对各网页图片子文件进行编辑操作，操作步骤便捷，提高了移动终端浏览器查阅和编辑网络图片的智能性。

下面将结合附图4，对图3所示的显示模块的结构和功能进行详细介绍。

请参见图4，为本发明实施例提供的显示模块的结构示意图；该显示模块303可包括：第一显示单元3031和第二显示单元3032。

第一显示单元3031，用于在所述浏览器全屏显示窗口中预设的第一显示区域显示所述获取到的当前移动终端浏览器页面中的网页图片子文件。

第二显示单元3032，用于在所述浏览器全屏显示窗口中预设的第二显示区域显示所述网页图片子文件的缩略图以及所述网页图片子文件的相邻网页图片子文件的缩略图，所述预设的第一显示区域大于所述预设的第二显示区域。

作为一种可选的实施方式，如图2所示，获取模块301获取到当前移动终端浏览器页面中的网页图片子文件为图片3，图片3的相邻网页子文件还包括图片2和图片4，第一显示单元3031在预设的第一显示区域即区域201显示图片3，第二显示单元3032在预设的第二显示区域即区域202显示图片2的缩略图、图片3的缩略图以及图片4的缩略图。

进一步可选的，如图4所示，该显示模块303还可以包括第三显示单元3033。

第三显示单元3033，用于当接收到对所述浏览器全屏显示窗口中预设的第一显示区域显示的网页图片子文件的左/右滑动指令时，在所述预设的第一显示区域显示所述网页图片子文件的前/后相邻网页图片子文件。

作为一种可选的实施方式，当接收到对浏览器全屏显示窗口中预设的第一显示区域显示的网页图片子文件的左/右滑动指令时，第三显示单元3033在预设的第一显示区域显示网页图片子文件的前/后相邻网页图片子文件。如图2所示，用户可用手指或者触摸屏笔对区域201中的图片3进行左/右滑动，进而获取到左/右滑动指令，可对应显示图片2或图片4。

进一步可选的，如图4所示，该显示模块303还可以包括第四显示单元3034。

第四显示单元3034，用于当接收到对所述浏览器全屏显示窗口中预设的第二显示区域显示的所述网页图片子文件的相邻网页图片子文件的缩略图进行的触控选择时，在所述预设的第一显示区域显示所述触控选择的缩略图对应的网页图片子文件。

作为一种可选的实施方式，当接收到对浏览器全屏显示窗口中预设的第二显示区域显示的所述网页图片子文件的相邻网页图片子文件的缩略图进行的触控选择时，第四显示单元3034在预设的第一显示区域显示所述触控选择的缩略图对应的网页图片子文件。如图2所示，用户可用手指或者触摸屏笔对区域202中的缩略图进行触控选择，例如，用户选择了区域202中的图片4，则在区域201对应显示图片4的大图。

进一步可选的，如图4所示，该显示模块303还可以包括第五显示单元3035。

第五显示单元3035，用于当接收到对所述浏览器全屏显示窗口中显示的前/后缩略图触控按钮的选择指令时，在所述预设的第二显示区域显示所述网页图片子文件的前/后相邻网页图片子文件的缩略图。

作为一种可选的实施方式，当接收到对所述浏览器全屏显示窗口中显示的前/后缩略图触控按钮的选择指令时，第五显示单元3035在预设的第二显示区域显示网页图片子文件的前/后相邻网页图片子文件的缩略图。如图2所示，按钮206为前缩略图触控按钮、按钮207为后缩略图触控按钮，当接收到用户对按钮206或者按钮207的选择指令时，在区域202中对应前后显示前/后缩略图，若接收到用户对按钮206的选择指令，则区域202中显示图片1的缩略图、图片2的缩略图和图片3的缩略图，若接收到用户对按钮207的选择指令，则区域202中显示图片3的缩略图、图片4的缩略图和图片5的缩略图。

需要说明的是，附图4所示的显示模块的结构和功能可通过本发明图1所示实施例的方法具体实现，该具体实现过程可参见图1所示实施例的相关描述，在此不赘述。

本发明实施例还公开了一种移动终端，包括显示屏幕和移动终端浏览器，显示屏幕用于显示数据，例如显示浏览器页面和浏览器全屏显示窗口等，移动终端浏览器如图3-图4所示的装置；该装置的结构和功能可参见图3-图4所示实施例的相关描述，在此不赘述。需要说明的是，本实施例的终端可应用于上述方法中。

通过上述实施例的描述，可获取当前移动终端浏览器页面中的网页图片数据，网页图片数据包括：至少一个网页图片子文件和网页图片关联信息，可在移动终端浏览器创建浏览器全屏显示窗口，并显示当前移动终端浏览器页面中的至少一个网页图片子文件和网页图片关联信息。浏览器全屏显示窗口为浏览器本地创建的显示窗口，为在移动终端浏览器客户端应用程序侧实现，而不是现有技术中网页提供商根据需求设计且基于JS脚本实现，实现了在移动终端浏览器客户端应用程序侧进行网页图片数据的显示与编辑。当有多个网页图片子文件时，无需再打开每个网页图片子文件对应的网页页面，可直接在浏览器全屏显示窗口中查阅或编辑各网页图片子文件，在浏览器全屏显示窗口中可直接对各网页图片子文件进行编辑操作，操作步骤便捷，提高了移动终端浏览器查阅和编辑网络图片的智能性。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体（Read-Only Memory，ROM）或随机存储记忆体（Random Access Memory，RAM）等。

以上所揭露的仅为本发明较佳实施例而已，当然不能以此来限定本发明之权利范围，因此依本发明权利要求所作的等同变化，仍属本发明所涵盖的范围。

Claims (14)

1.一种网页图片的显示方法，其特征在于，所述方法包括：

获取当前移动终端浏览器页面中的网页图片数据，所述网页图片数据包括：至少一个网页图片子文件和网页图片关联信息；

当接收到图片显示触控指令时，在所述移动终端浏览器创建浏览器全屏显示窗口，所述浏览器全屏显示窗口包括：图片显示区域和关联信息显示区域；

在所述浏览器全屏显示窗口的图片显示区域显示所述获取到的至少一个网页图片子文件，在所述浏览器全屏显示窗口的关联信息显示区域显示所述获取到的网页图片关联信息。

2.如权利要求1所述的方法，其特征在于，所述网页图片关联信息包括：所述网页图片子文件的索引信息、所述网页图片数据加载进度信息或所述网页图片子文件的标题信息。

3.如权利要求1所述的方法，其特征在于，所述在所述浏览器全屏显示窗口的图片显示区域显示所述获取到的至少一个网页图片子文件，包括：

在所述浏览器全屏显示窗口中预设的第一显示区域显示所述获取到的当前移动终端浏览器页面中的网页图片子文件；

在所述浏览器全屏显示窗口中预设的第二显示区域显示所述网页图片子文件的缩略图以及所述网页图片子文件的相邻网页图片子文件的缩略图，所述预设的第一显示区域大于所述预设的第二显示区域。

4.如权利要求3所述的方法，其特征在于，所述在所述浏览器全屏显示窗口图片显示区域显示所述获取到的至少一个网页图片子文件之后，包括：

当接收到对所述浏览器全屏显示窗口中预设的第一显示区域显示的网页图片子文件的左/右滑动指令时，在所述预设的第一显示区域显示所述网页图片子文件的前/后相邻网页图片子文件。

5.如权利要求3所述的方法，其特征在于，所述在所述浏览器全屏显示窗口图片显示区域显示所述获取到的至少一个网页图片子文件之后，包括：

当接收到对所述浏览器全屏显示窗口中预设的第二显示区域显示的所述网页图片子文件的相邻网页图片子文件的缩略图进行的触控选择时，在所述预设的第一显示区域显示所述触控选择的缩略图对应的网页图片子文件。

6.如权利要求3～5任一所述的方法，其特征在于，所述在所述浏览器全屏显示窗口图片显示区域显示所述获取到的至少一个网页图片子文件，在所述浏览器全屏显示窗口的关联信息显示区域显示所述获取到的网页图片关联信息之后，包括：

当接收到对所述浏览器全屏显示窗口中预设的第一显示区域显示的网页图片子文件的编辑触控指令时，执行所述编辑触控指令对应的编辑操作，所述编辑触控指令包括：放大指令、缩小指令、分享指令、保存指令、收藏指令或涂鸦指令。

7.如权利要求3所述的方法，其特征在于，所述在所述浏览器全屏显示窗口图片显示区域显示所述获取到的至少一个网页图片子文件之后，包括：

当接收到对所述浏览器全屏显示窗口中显示的前/后缩略图触控按钮的选择指令时，在所述预设的第二显示区域显示所述网页图片子文件的前/后相邻网页图片子文件的缩略图。

8.一种网页图片的显示装置，其特征在于，所述装置包括：

获取模块，用于获取当前移动终端浏览器页面中的网页图片数据，所述网页图片数据包括：至少一个网页图片子文件和网页图片关联信息；

窗口创建模块，用于当接收到图片显示触控指令时，在所述移动终端浏览器创建浏览器全屏显示窗口，所述浏览器全屏显示窗口包括：图片显示区域和关联信息显示区域；

显示模块，用于在所述浏览器全屏显示窗口的图片显示区域显示所述获取模块获取到的至少一个网页图片子文件，在所述浏览器全屏显示窗口的关联信息显示区域显示所述获取模块获取到的网页图片关联信息。

9.如权利要求8所述的装置，其特征在于，所述网页图片关联信息包括：所述网页图片子文件的索引信息、所述网页图片数据加载进度信息或所述网页图片子文件的标题信息。

10.如权利要求8所述的装置，其特征在于，所述显示模块包括：

第一显示单元，用于在所述浏览器全屏显示窗口中预设的第一显示区域显示所述获取到的当前移动终端浏览器页面中的网页图片子文件；

第二显示单元，用于在所述浏览器全屏显示窗口中预设的第二显示区域显示所述网页图片子文件的缩略图以及所述网页图片子文件的相邻网页图片子文件的缩略图，所述预设的第一显示区域大于所述预设的第二显示区域。

11.如权利要求10所述的装置，其特征在于，所述显示模块包括：

第三显示单元，用于当接收到对所述浏览器全屏显示窗口中预设的第一显示区域显示的网页图片子文件的左/右滑动指令时，在所述预设的第一显示区域显示所述网页图片子文件的前/后相邻网页图片子文件。

12.如权利要求10所述的装置，其特征在于，所述显示模块还包括：

第四显示单元，用于当接收到对所述浏览器全屏显示窗口中预设的第二显示区域显示的所述网页图片子文件的相邻网页图片子文件的缩略图进行的触控选择时，在所述预设的第一显示区域显示所述触控选择的缩略图对应的网页图片子文件。

13.如权利要求10～12任一所述的装置，其特征在于，所述装置还包括：

编辑操作模块，用于当接收到对所述浏览器全屏显示窗口中预设的第一显示区域显示的网页图片子文件的编辑触控指令时，执行所述编辑触控指令对应的编辑操作，所述编辑触控指令包括：放大指令、缩小指令、分享指令、保存指令、收藏指令或涂鸦指令。

14.如权利要求10所述的装置，其特征在于，所述显示模块还包括：

第五显示单元，用于当接收到对所述浏览器全屏显示窗口中显示的前/后缩略图触控按钮的选择指令时，在所述预设的第二显示区域显示所述网页图片子文件的前/后相邻网页图片子文件的缩略图。