CN102521284B - 基于移动终端浏览器的页面截图处理方法和装置 - Google Patents

Abstract

本发明提供了一种基于移动终端浏览器的页面截图处理方法及装置，其中的方法包括：获取用户的截图指令；根据用户的截图指令将保存在缓存中的页面转换为图片格式；确定页面截图区域；根据页面截图区域对所述图片格式的页面进行页面截图，生成页面截图图片。利用本发明，不用借助第三方截图软件，就可以直接在浏览网页内容时截取页面图片，极大的简化了用户操作流程；并且在图片截取后同步将所截取的页面图片保存到云端，可以随时随地、在不同平台和设备上访问和使用页面截图图片，极大的提高了用户使用的便利性。

Description

基于移动终端浏览器的页面截图处理方法和装置

技术领域

本发明涉及移动通信技术领域，更为具体地，涉及一种基于移动终端浏览器的页面截图处理方法和装置。

背景技术

随着移动终端的普及以及移动互联网的发展，以手机浏览器为主的移动终端浏览器逐渐替代PC机浏览器成为用户获取新闻资讯、查看社交网络、看小说、玩游戏等的重要工具。网页上的内容行行色色，每个用户上网时，总有自己想保留下来的喜欢的内容，或者是想把自己感兴趣的信息同别人交流，比如某个有趣的消息、某个页面游戏画面、或是某个页面排版的问题等。但是在用户浏览的过程中页面的内容并不一定能一直保留用户所需要的这个状态，如果碰到不能上网、忘记页面地址或者页面地址发生变更的情况，用户就无法再浏览到当前页面信息。

页面截图是一种保留页面信息以及与别人交流信息的有效手段，这种页面截图在PC机上应用非常方便，但对于以手机为主的移动终端来说，由于终端本身的限制，目前基于手机等移动终端的页面截图在实际应用中还存在着以下问题：

在现在的主流手机平台中，仅IOS系统(由苹果公司为iPhone开发的操作系统)具备了屏幕截图的功能，如果要在symbian、java、windows mobile等平台截图，还需要额外寻找第三方的截图应用软件安装，而优秀第三方的截图软件并不多，而且各个平台的环境也有区别，是否能够支持第三方截图软件还不一定。比如在较低端的JAVA平台，在不支持多线程的情况下，就无法使用第三方截图软件进行截图。

发明内容

鉴于上述问题，本发明的目的是提供一种基于移动终端浏览器的页面截图处理方法和装置，以解决用户在利用手机等移动终端浏览页面时截图不便的问题。

根据本发明的一个方面，提供了一种基于移动终端浏览器的页面截图处理方法，包括：

获取用户的截图指令；

根据用户的截图指令将保存在缓存中的页面转换为图片格式；

确定页面截图区域；

根据所述页面截图区域对所述图片格式的页面进行页面截图，生成页面截图图片。

在所述页面截图图片生成的同时自动将所述页面截图图片存储于所述移动终端外部的存储空间。

其中，优选的方案是，根据用户的页面截图选择区域对所述图片格式的页面进行页面截图步骤还包括：确定用户的页面截图选择区域。

其中，优选的方案是，如果用户未进行页面截图区域选择，则自动将浏览器的当前显示页面作为用户的页面截图选择区域。

其中，优选的方案是，用户的截图指令通过按键或者预设的触摸动作等方式向浏览器发出。

其中，优选的方案是，在移动终端浏览器根据用户的截图指令将保存在缓存中的页面转换为图片格式之前，

浏览器根据用户对浏览器当前显示的网页进行页面截图区域选择的动作自动触发页面截图处理，所述用户对浏览器当前显示的网页进行页面截图区域选择的动作相当于用户对所述选择区域的截图指令。

其中，优选的方案是，在将所述页面截图图片存储于所述移动终端外部的存储空间之前，还包括：

判断用户是否已经登录所述存储空间，如果已经登录，将所述页面截图图片上传到所述存储空间的指定目录；如果未登录，则跳转到登录/注册页面，待用户完成登录操作后，继续所述页面截图图片上传操作。

其中，优选的方案是，在将所述页面截图图片存储于所述移动终端外部的存储空间之前，还包括询问用户是否启动图片编辑工具对所述页面截图进行编辑处理的步骤。

根据本发明的另一方面，提供了一种基于移动终端浏览器的页面截图与保存装置，包括：

截图指令获取单元，用于获取用户的截图指令；

页面格式转换单元，用于根据用户的截图指令将保存在缓存中的页面转换为图片格式；

页面截图单元，用于根据用户的页面截图选择区域对所述图片格式的页面进行页面截图，生成页面截图图片；以及，

存储单元，用于在所述页面截图生成的同时自动存储所述页面截图图片。

再一方面，本发明还提供一种包括上述的页面截图处理装置的移动终端。

现有的基于移动终端的页面截图，往往需要借助第三方截图工具(IOS除外)才能实现，而且在JAVA等不支持第三方截图工具的非智能手机截图，更是难以实现；而且截取图片(在IOS平台快捷键截图或者在其他平台利用软件截图)后，图片只能保存在手机本地，而手机本身的硬件限制又使其无法大量保存截图文件，如果将图片导出到PC机还需要借助数据线或是蓝牙等设备，使用和分享交流图片的步骤也十分繁琐，用户体验需要进一步提升；而如果在手机上多次使用和分享保存的页面截图，则需要多次消耗手机流量。

利用上述本发明的基于移动终端浏览器的页面截图处理方法及装置，一方面可以有效克服上述利用手机等移动终端进行页面截图的技术障碍，不用借助第三方截图软件，在浏览网页内容时直接在后台对保存在缓存中的页面进行页面图片的截取，极大的简化了用户操作流程；另一方面，本发明在图片截取后同步将所截取的页面图片保存到云端，可以随时随地、在不同平台和设备上访问和使用页面截图图片，极大的提高了用户使用的便利性。

为了实现上述以及相关目的，本发明的一个或多个方面包括后面将详细说明并在权利要求中特别指出的特征。下面的说明以及附图详细说明了本发明的某些示例性方面。然而，这些方面指示的仅仅是可使用本发明的原理的各种方式中的一些方式。此外，本发明旨在包括所有这些方面以及它们的等同物。

附图说明

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

图1为根据本发明实施例的基于移动终端浏览器的页面截图处理方法的流程图；以及

图2为根据本发明实施例的基于移动终端浏览器的页面截图处理装置的方框示意图。

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

具体实施方式

以下将结合附图对本发明的具体实施例进行详细描述。

需要说明的是，本发明中所述的移动终端，指的是具有无线网络接入、数据存储及传输等功能的无线通讯终端，如手机、PDA等。在以下的实施例中，为了便于理解，以应用最广泛的手机为例对本发明的技术方案作示例性说明，本领域技术人员应当理解，实施方式中的手机只是本发明中移动终端的一种实现方式，而不是对本发明中移动终端的限制。

图1示出了根据本发明实施例的基于移动终端浏览器的页面截图处理方法的流程图。

如图1所示，本发明基于移动终端浏览器的页面截图处理方法包括如下步骤：

S110：移动终端浏览器获取用户的截图指令；

S120：根据用户的截图指令将保存在缓存中的页面转换为图片格式；

S130：确定页面截图区域；

S140：根据上述页面截图区域对图片格式的页面进行页面截图，生成页面截图图片。

另外，为了便于用户对页面截图图片的后期使用处理，在页面截图生成后，还可以针对该页面截图图片触发保存机制，将页面截图图片存储于移动终端本地或者外部的存储空间。

具体地，作为示例，当用户利用手机等移动终端浏览器浏览网页时，浏览器渲染页面内容呈现在屏幕，并将页面内容保存在应用缓存中。如果用户需要对浏览的网页进行页面截图，则可以通过操作菜单、特定按键或者预设的触摸动作等方式向浏览器发出页面截图指令，在接收到用户的截图指令后，浏览器首先根据用户的截图指令将保存在缓存中的页面转换成图片格式，并根据用户的选择区域生成图片。

进一步的，在完成图片截取后，还可以针对该图片触发保存机制，将图片保存在移动终端之外的存储装置，以克服移动终端由于其本身的硬件限制无法大量保存截图文件的缺陷，以及避免用户在移动终端上分享页面截图需要消耗流量的负担。

其中，在确定页面截图区域之前，浏览器还可以根据用户对浏览器当前显示的网页进行页面截图区域选择的动作确定用户的页面截图选择区域；如果用户未进行页面截图区域选择，则自动将浏览器的当前显示页面作为用户的页面截图选择区域；然后再根据用户的页面截图选择区域确定在图片格式的页面中要截取的页面截图区域。

在根据用户的页面截图选择区域对图片格式的页面进行页面截图的过程中，还可以提示用户和/或根据用户的特定操作确定用户的页面截图选择区域。比如，如果用户仅仅对浏览器发出截图指令而未进行区域选择，则自动将浏览器的当前显示页面作为用户的选择区域；如果用户对浏览器发出截图指令后在浏览器的显示页面中进行截图区域选择，或者用户在浏览器的显示页面中进行截图区域选择后发出截图指令，则根据用户的选择区域对转换为图片格式的页面进行相应的页面截图。

由于本发明的截图操作是浏览器直接执行的，因此可以直接利用缓存在移动终端的由浏览器解析的网页文件进行格式转换和截图。相比较于现有的第三方截图插件只能进行屏幕截图的页面截图方式，本发明能够以更加灵活便利的方式对整个页面、屏显页面以及屏显页面中的某一选择区域进行页面截图，从屏显选择区域到浏览器后台缓存文件的区域映射可以采用坐标、像素、分区等多种方式进行，这种选择映射技术是现有技术中所常用的，在此不再赘述。

另外，在本发明的具体应用过程中，还可以在用户发出页面截图指令后向用户提供“询问是否进行页面截图”的对话框，或者在用户进行区域选择后向用户提供“是否以选择区域进行页面截图”的对话框，以增加人机交互的友好性，进一步提高用户的体验质量。

在本发明的一个优选实施方式中，还可以将区域选择动作和页面截图指示合二为一。也就是说，当用户在浏览网页过程中对浏览器当前显示的网页进行了区域选择，则浏览器根据该区域选择动作自动触发页面截图处理，将保存在缓存中的当前页面转换为图片格式，并根据用户的选择区域生成页面截图图片保存在个人云存储空间。为了避免用户的误操作，还可以响应用户的区域选择动作，先向用户提供“是否以选择区域进行页面截图”的询问对话框，如果用户确定以选择区域进行页面截图，再触发相应的页面截图处理。

通过以上实施例可以看出，由于本发明提供的页面截图操作基于手机浏览器，无需借助第三方应用截图，也无需退出浏览器窗口，并且直接在后台将数据保存在服务器，从而提高了截图操作的便利性。

作为另一示例，在根据用户发起的截图请求及选择区域将缓存中的页面内容转换成图片格式并截取图片相应区域、生成图片后，浏览器进一步判断用户是否登录个人账号，如果已经登录，将图片上传到该账号网络存储空间的指定目录；如果用户未登录，则跳转到登录/注册页面，待用户完成登录操作后，继续图片上传的操作。图片上传操作在程序后台执行，在图片上传的过程中，用户可以继续当前页面的操作。图片上传完成后，在浏览器当前页面弹窗提示用户操作结果以及图片文件保存的路径。

这种个人云存储空间的登录管理能够在一定程度上保障个人云存储空间的数据安全。

另外，为了进一步提高页面截图的人机交互性，还可以对本发明的上述技术方案作如下改进：

1)、在截取页面时，可以增加选项，让用户选择截取区域，至少可以提供截取可视页面区域或截取当前整个页面的选项，还可以提供手动进行截取区域选择的选项，以便于用户更准确、更有针对性地在浏览器显示的页面中选择需要截取的页面内容；

2)、在触屏机器上，在生成页面截图图片后可以启动图片编辑操作以便用户对截图图片进行编辑处理，图片编辑工具至少可以包括画笔工具、框选工具、文字编辑工具；

3)、保存页面截图图片时可以增加选项，让用户选择保存到手机本地或者网络存储空间。

下面以一个具体的应用示例对本发明的技术实现以及效果做进一步说明。

某乐园用户最近迷上了乐园游戏松鼠大战，想介绍更多的朋友过来一起玩这个游戏。该用户琢磨着如何向朋友们介绍这款游戏，想来想去，还是将游戏画面直接发给大家，更加直观，更有吸引力。用户打开浏览器进入松鼠大战游戏，选定一个最具代表性的挑战好友画面，然后点击浏览器菜单中的截图菜单，浏览器截取当前窗口可视范围的图片。由于该用户已经登录个人云存储空间账号，浏览器经过账号验证后，在后台同步将截取的图片上传到用户的个人云存储空间保存。图片保存成功后，浏览器会在当前页面底部弹窗提示用户：截图成功，图片保存在用户个人云存储空间的我的文件目录。之后，用户不需要任何数据导出等操作，只需要在PC上登录个人云存储空间web页面，找到该图片并下载到PC本地，就可以通过IM或者论坛，将游戏页面截图分享给好友。

通过上述这种手机浏览器截取页面图片、并将图片同步保存到移动终端之外的个人网络存储空间的页面截图处理方法，极大减少了页面截图操作的流程，并且提高了后期图片使用操作的便利性。

如上参照图1描述了根据本发明的基于移动终端的页面截图处理方法，图2示出了与图1所示的方法相对应的基于移动终端的页面截图处理装置200的方框示意图。

如图2所示，基于移动终端的页面截图处理装置200包括：截图指令获取单元210、页面格式转换单元220、截图区域确定单元230以及页面截图单元240。另外，还可以包括存储单元250。

其中，截图指令获取单元210用于获取用户的截图指令，页面格式转换单元220用于根据用户的截图指令将保存在缓存中的页面转换为图片格式，截图区域确定单元230用于确定页面截图区域；页面截图单元240用于根据截图区域确定单元230所确定的页面截图区域对图片格式的页面进行页面截图，生成页面截图图片。存储单元250用于存储页面截图生成单元240生成的页面截图图片，可以将页面截图图片存储到移动终端外部的存储空间，如第三方存储服务器、浏览器提供的个人云存储空间等，也可以是存储到动终端本身的存储器。

另外，基于移动终端的页面截图处理装置200还可以包括用户选择区域确定单元(图中未示出)，用于根据用户对浏览器当前显示的网页进行页面截图区域选择的动作确定用户的页面截图选择区域；如果用户未进行页面截图区域选择，自动将浏览器的当前显示页面作为用户的页面截图选择区域。截图区域确定单元230根据用户的页面截图选择区域确定针对图片格式的页面的页面截图区域。

用户选择区域确定单元确定用户所选择的页面截图区域的方式有多种，比如，如果用户仅仅对浏览器发出截图指令而未进行区域选择，则自动将浏览器的当前显示页面或者当前显示页面的屏显区域作为用户的选择区域；如果用户对浏览器发出截图指令后在浏览器的显示页面中进行截图区域选择，或者用户在浏览器的显示页面中进行截图区域选择后发出截图指令，则根据用户的选择区域对转换为图片格式的页面进行相应的页面截图。用户选择区域确定单元确定截图区域的规则可以根据终端的硬件条件以及应用环境灵活设定。

对于终端用户而言，用户选择区域确定单元还可以以选择对话框的形式向用户提供“选择截取整个页面”、“选择截取当前屏显页面”以及“手动确定截图选择区域”等截图区域，以提高用户的体验。

另外，也可以将截图指令获取单元210与用户选择区域确定单元合并，以用户对截图区域的选择自动触发截图指令获取单元210完成用户截图指令的获取，进而发出截图指令。具体地，作为示例，当用户在浏览网页过程中对浏览器当前显示的网页进行了区域选择，则浏览器根据该区域选择动作自动触发页面截图处理，将保存在缓存中的当前页面转换为图片格式，并根据用户的选择区域生成页面截图图片保存在用户的个人云存储空间。

再者，在本发明的一个优选实施方式中，存储单元还可以包括存储空间登陆管理单元(图中未示出)，用于判断用户是否已经登录所述存储空间，如果已经登录，将所述页面截图图片上传到所述存储空间的指定目录；如果未登录，则跳转到登录/注册页面，待用户完成登录操作后，继续所述页面截图图片上传操作。

进一步，在生成页面截图以后，还可以利用包括画笔工具、框选工具、文字编辑工具等图片编辑工具的页面截图编辑单元(图中未示出)对页面截图单元生成的页面截图进行编辑处理，以便用户对需要保存的页面截图做进一步编辑处理。

再一方面，本发明还提供一种包括上述页面截图处理装置的移动终端。

如上参照附图以示例的方式描述根据本发明的基于移动终端浏览器的页面截图处理方法和装置。但是，本领域技术人员应当理解，对于上述本发明所提出的基于移动终端浏览器的页面截图处理方法及装置，还可以在不脱离本发明内容的基础上做出各种改进。因此，本发明的保护范围应当由所附的权利要求书的内容确定。

Claims (9)

1.一种基于移动终端浏览器的页面截图处理方法，包括：

移动终端浏览器浏览网页时，浏览器渲染页面内容呈现在屏幕，并将页面内容保存在应用缓存中；

移动终端浏览器获取用户通过按键或者预设的触摸动作方式向移动终端浏览器发出的截图指令；

移动终端浏览器根据用户的截图指令将保存在缓存中的由所述移动终端浏览器解析的网页页面转换为图片格式；

移动终端浏览器根据用户对浏览器当前显示的网页进行页面截图区域选择的动作确定与选择区域对应的页面截图区域；

移动终端浏览器根据所述页面截图区域对所述图片格式的页面进行页面截图，生成页面截图图片，然后将所述页面截图图片存储于所述移动终端外部的存储空间；并且，移动终端浏览器在将所述页面截图图片存储于所述移动终端外部的存储空间之前，还包括：

判断用户是否已经登录所述存储空间，如果已经登录，将所述页面截图图片上传到所述存储空间的指定目录；如果未登录，则跳转到登录/注册页面，待用户完成登录操作后，继续所述页面截图图片上传操作。

2.如权利要求1所述的基于移动终端浏览器的页面截图处理方法，其中，在确定页面截图区域之前，

浏览器根据用户对浏览器当前显示的网页进行页面截图区域选择的动作确定用户的页面截图选择区域；并且，如果用户未进行页面截图区域选择，自动将浏览器的当前显示页面作为用户的页面截图选择区域；

然后根据所述用户的页面截图选择区域确定所述页面截图区域。

3.如权利要求2所述基于移动终端浏览器的页面截图处理方法，其中，浏览器在检测到用户对浏览器当前显示的网页进行页面截图区域选择的动作之后，根据用户对浏览器当前显示的网页进行页面截图区域选择的动作，自动触发截图指令。

4.如权利要求2所述的基于移动终端浏览器的页面截图处理方法，其中，在将所述页面截图图片存储于所述移动终端外部的存储空间之前，还包括启动图片编辑工具对所述页面截图进行编辑处理的步骤。

5.一种基于移动终端浏览器的页面截图处理装置，包括：

截图指令获取单元，用于在移动终端浏览器浏览网页时，浏览器渲染页面内容呈现在屏幕，并将页面内容保存在应用缓存中后，获取用户通过按键或者预设的触摸动作方式向移动终端浏览器发出的截图指令；

页面格式转换单元，用于根据用户的截图指令将保存在缓存中的由所述移动终端浏览器解析的网页页面转换为图片格式；

截图区域确定单元，用于根据用户对浏览器当前显示的网页进行页面截图区域选择的动作确定与选择区域对应的页面截图区域；

页面截图单元，用于根据所述页面截图区域对所述图片格式的页面进行页面截图，生成页面截图图片；

存储单元，用于将所述页面截图生成单元生成的页面截图图片存储于所述移动终端外部的存储空间；

其中，所述存储单元进一步包括：

存储空间登陆管理单元，用于判断用户是否已经登录所述存储空间，如果已经登录，将所述页面截图图片上传到所述存储空间的指定目录；如果未登录，则跳转到登录/注册页面，待用户完成登录操作后，继续所述页面截图图片上传操作。

6.如权利要求5所述的基于移动终端浏览器的页面截图处理装置，其中，还包括：

用户选择区域确定单元，用于根据用户对浏览器当前显示的网页进行页面截图区域选择的动作确定用户的页面截图选择区域；如果用户未进行页面截图区域选择，自动将浏览器的当前显示页面作为用户的页面截图选择区域；

所述截图区域确定单元根据所述用户的页面截图选择区域确定所述页面截图区域。

7.如权利要求6所述的基于移动终端浏览器的页面截图处理装置，其中，所述截图指令获取单元在检测到用户对浏览器当前显示的网页进行页面截图区域选择的动作之后，根据用户对浏览器当前显示的网页进行页面截图区域选择的动作，自动触发截图指令。

8.如权利要求6所述的基于移动终端浏览器的页面截图处理装置，其中，所述用户选择区域确定单元以选择对话框的形式向用户提供“选择截取整个页面”、“选择截取当前屏显页面”以及“手动确定截图选择区域”的截图区域选项。

9.如权利要求5所述的基于移动终端浏览器的页面截图处理装置，还包括：

页面截图编辑单元，用于对所述页面截图单元生成的页面截图进行编辑处理。