CN106293426A - 基于移动终端浏览器的截屏方法和装置 - Google Patents

Abstract

本发明涉及一种基于移动终端浏览器的截屏方法，所述方法包括：检测触摸屏上的按压事件；判断触摸屏上当前的按压事件数是否达到预设的阈值，若是，则触发截屏指令进入截屏模式；在所述截屏模式下确定截屏区域；根据所述截屏区域进行截屏。还公开一种基于移动终端浏览器的截屏装置。本发明可以避免误操作，为用户提供了极大的便利。

Description

基于移动终端浏览器的截屏方法和装置

技术领域

本发明涉及智能移动终端技术领域，特别是涉及一种基于移动终端浏览器的截屏方法和装置。

背景技术

截屏是一种常用的操作，如在浏览网页信息时，为了保存用户浏览的信息，经常需要进行截屏操作，以获取屏幕当前显示的部分或者全部内容。目前，手机浏览器并没有截屏功能，只提供了简单的文字复制、图片复制等基础功能。如果用户希望对当前浏览的网页进行截屏，一般通过以下几种方法实现：(1)下载第三方软件进行截图；(2)同时按下手机的锁屏键和音量键进行截屏；(3)连接PC，使用PC软件进行截图。

上述第一种方法和第三种方法都需要安装第三方软件来实现截屏功能，第三方软件众多会对用户在选择上造成困扰，而且在使用上也很不方便。另外，第三种方法还需要连接PC，这样会使方便性大打折扣，无法做到随时随地进行截屏。上述第二种方法在操作时需要同时按住两个物理键，如果操作时机掌握不好很容易造成误操作(如锁屏等)。

发明内容

基于此，有必要针对目前的截屏方法中需要安装第三方软件或控制物理按键而造成使用不方便、容易误操作的技术问题，提供一种基于移动终端浏览器的截屏方法和装置。

一种基于移动终端浏览器的截屏方法，所述方法包括：

检测触摸屏上的按压事件；

判断触摸屏上当前的按压事件数是否达到预设的阈值，若是，则触发截屏指令进入截屏模式；

在所述截屏模式下确定截屏区域；

根据所述截屏区域进行截屏。

一种基于移动终端浏览器的截屏装置，所述装置包括：

按压事件检测模块，用于检测触摸屏上的按压事件。

按压事件判断模块，用于判断触摸屏上当前的按压事件数是否达到预设的阈值；

指令触发模块，用于在触摸屏上当前的按压事件数达到预设的阈值时触发截屏指令进入截屏模式；

截屏区域确定模块，用于在所述截屏模式下确定截屏区域；

截屏模块，用于根据所述截屏区域进行截屏。

上述基于移动终端浏览器的截屏方法和装置，当用户想要对当前浏览的内容进行截屏操作时，只需要用手指或触摸笔按压触摸屏来触发按压事件即可，当该按压事件被检测到并判断触摸屏上当前的按压事件数等于按压阈值时，就能触发截屏指令进入截屏模式，无需安装第三方软件，同时也避免了通过控制物理按键所引起的误操作，为用户提供了极大的便利。

附图说明

图1为一个实施例中移动终端的结构示意图；

图2为一个实施例中基于移动终端浏览器的截屏方法的流程示意图；

图3为另一个实施例中基于移动终端浏览器的截屏方法的流程示意图；

图4为一个具体应用场景中实现截屏的界面图之一；

图5为一个具体应用场景中实现截屏的界面图之二；

图6为一个具体应用场景中实现截屏的界面图之三；

图7为一个具体应用场景中实现截屏的界面图之四；

图8为图7中截屏所得图片；

图9为一个实施例中基于移动终端浏览器的截屏装置的结构框图；

图10为一个实施例中截屏区域确定模块的结构框图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

如图1所示，在一个实施例中，提供了一种移动终端的结构示意图。该移动终端包括通过系统总线连接的处理器、内存、存储介质、显示屏幕和输入设备。其中，该移动终端的存储介质存储有操作系统和一种基于移动终端浏览器的截屏装置，该基于移动终端浏览器的截屏装置用于实现一种基于移动终端浏览器的截屏方法。该移动终端的处理器被配置为执行一种基于移动终端浏览器的截屏方法。该输入设备包括触摸屏。

如图2所示，在一个实施例中，提供了一种基于移动终端浏览器的截屏方法。本实施例主要以该基于移动终端浏览器的截屏方法应用于图1中的移动终端中来举例说明。可以理解，该移动终端可以包括智能手机、平板电脑等。

该基于移动终端浏览器的截屏方法，包括：

步骤S202：检测触摸屏上的按压事件。

用户可以使用手指、触摸笔等触摸体，按压触摸屏上的任意位置，以触发对该触摸屏的按压事件。

步骤S204：判断触摸屏上当前的按压事件数是否达到预设的阈值，若是，则执行步骤S206；若否，则结束。

用户在按压触摸屏时，每个按压点都对应有一个按压事件，如果触摸屏上检测有两个以上按压事件，即按压事件数大于等于2，则代表有两个以上的按压点。这里可以根据用户的习惯和操作方便性对所述阈值进行预先设置，比如设置为1～5，在本实施例中，所述阈值为2。因为通过对大多数包含有触摸屏的终端进行操作就会发现，当用户用两个手指对触摸屏进行按压(即按压事件数为2)时，不容易出现误操作、难识别等问题。可以理解，在其他实施例中，在可以很好解决上述问题的情况下，可以将所述阈值设置为其他值，这里不作严格限制。

在一个实施例中，步骤S204具体过程为：判断触摸屏上当前的按压事件数是否在预设时间内持续达到预设的阈值。

在本实施例中，所述预设时间设置为1秒。当用户用两个手指同时按压触摸屏(即触摸屏上当前的按压事件数达到2)的动作持续了1秒钟，这样，既可以将按压事件与快速的触摸事件很好地区分开来，又可以避免按压时间太长，进一步减少了误操作。

步骤S206：触发截屏指令进入截屏模式。

当触摸屏上当前的按压事件数达到预设的阈值时，表示用户需要进行截屏操作，这时便会触发截屏指令进入截屏模式。

步骤S208：在所述截屏模式下确定截屏区域。

进入截屏模式以后，需要对截屏区域进行确定，即对截屏区域的位置和大小进行确定。

步骤S210：根据所述截屏区域进行截屏。

上述基于移动终端浏览器的截屏方法，当用户想要对当前浏览的内容进行截屏操作时，只需要用手指或触摸笔按压触摸屏来触发按压事件即可，当该按压事件被检测到并判断触摸屏上当前的按压事件数等于按压阈值时，就能触发截屏指令进入截屏模式，无需安装第三方软件，同时也避免了通过控制物理按键所引起的误操作，为用户提供了极大的便利。

如图3所示，在另一个实施例中，一种基于移动终端浏览器的截屏方法，包括：

步骤S302，检测触摸屏上的按压事件。

用户可以使用手指、触摸笔等触摸体，按压触摸屏上的任意位置，以触发对该触摸屏的按压事件。

步骤S304：判断触摸屏上当前的按压事件数是否达到预设的阈值，若是，则执行步骤S306；若否，则结束。

用户在按压触摸屏时，每个按压点都对应有一个按压事件，如果触摸屏上检测有两个以上按压事件，即按压事件数大于等于2，则代表有两个以上的按压点。这里可以根据用户的习惯和操作方便性对所述阈值进行预先设置，比如设置为1～5，在本实施例中，所述阈值为2。因为通过对大多数包含有触摸屏的终端进行操作就会发现，当用户用两个手指对触摸屏进行按压(即按压事件数为2)时，不容易出现误操作、难识别等问题。可以理解，在其他实施例中，在可以很好解决上述问题的情况下，可以将所述阈值设置为其他值，这里不作严格限制。

在一个实施例中，步骤S304具体过程为：判断触摸屏上当前的按压事件数是否在预设时间内持续达到预设的阈值。

在本实施例中，所述预设时间设置为1秒。当用户用两个手指同时按压触摸屏(即触摸屏上当前的按压事件数达到2)的动作持续了1秒钟，这样，既可以将按压事件与快速的触摸事件很好地区分开来，又可以避免按压时间太长，进一步减少了误操作。

步骤S306：触发截屏指令进入截屏模式。

当触摸屏上当前的按压事件数达到预设的阈值时，表示用户需要进行截屏操作，这时便会触发截屏指令进入截屏模式。

步骤S308：在所述截屏模式下展示截屏区域调节控件。

进入截屏模式之后，会出现一个默认的截屏区域。在本实施例中，该默认截屏区域为整个触摸屏的可视区域。可以理解，在其他实施例中，默认的截屏区域可以为任意大小和任意位置，这里不作严格限制。

展示的截屏区域调节控件用于调节截屏区域的大小和位置。在本实施例中，所述截屏区域调节控件为4个，分别位于截屏区域的4个顶点位置。可以理解，在其他实施例中，所述截屏区域调节控件还可以位于截屏区域的4条边上，所述截屏区域调节控件的数量也可以设为8，这里对所述截屏区域调节控件的位置和数量不作严格限制。

步骤S310：获取对所述截屏区域调节控件的拖动事件。

当用户想通过所述截屏区域调节控件实现对截屏区域的大小和位置进行调节时，只需要在触摸屏上触发对所述调节控件的拖动事件即可。

步骤S312：根据所述拖动事件调节截屏区域的大小和位置。

具体地，用户拖动所述截屏区域调节控件时会形成一个拖动轨迹。在本实施例中，所述截屏区域调节控件会根据所述拖动轨迹进行实时性地更新位置。比如：其中一个截屏区域调节控件位于A点位置，用户需要将截屏区域调节控件的位置拖动到C点位置。从A点位置到C点位置的拖动轨迹上包括B点位置，那么当截屏区域调节控件被拖动到B点位置时，截屏区域调节控件的位置就会实时更新到B点位置。

可以理解，在其他实施例中，还可以忽略所述拖动轨迹而只对所述截屏区域调节控件的终点位置进行识别，直接将所述截屏区域调节控件的位置更新为所述拖动轨迹的终点位置即可。如上例中，当截屏区域调节控件被拖动到B点位置时，截屏区域调节控件的位置不会进行更新而依然位于A点位置，直到用户将所述截屏区域调节控件拖动到C点位置结束拖动事件时，所述截屏区域调节控件的位置才会从A点位置更新到C点位置。

可以理解，在其他实施例中，用户刚好需要对默认的截屏区域进行截屏，这样就可以在执行步骤S308之后直接执行步骤S314，省略步骤S310和步骤S312。

步骤S314：根据所述截屏区域的大小和位置确定截屏区域。

步骤S316：根据所述截屏区域进行截屏。

在本实施例中，步骤S316具体包括以下步骤：

展示截屏控件和取消控件；获取对所述截屏控件的触发事件以进行截屏；或者，获取对所述取消控件的触发事件以退出截屏模式。

具体地，在调节截屏区域的大小和位置之前或之后，会展示截屏控件和取消控件，当获取到对所述截屏控件的触发事件时就表示用户确认了需要对当前截屏区域中的内容进行截屏操作。如果用户改变主意又不想截屏了，就可以通过所述取消控件退出截屏模式。

在本实施例中，所述触发事件为对所述截屏控件或对所述取消控件的点击事件。可以理解，在其他实施例中，所述触发事件还可以为所述截屏控件或所述取消控件所在区域的光标或触摸点移入事件。

进一步地，在获取对所述截屏控件的触摸指令以进行截屏操作的步骤之后还包括：显示截屏成功的提示信息；将截屏区域内的内容以图片的格式进行存储。

上述两个步骤不分先后顺序，可以是先显示截屏成功的提示信息再将截屏区域内的内容以图片的格式，也可以是先将截屏区域内的内容以图片的格式再显示截屏成功的提示信息，当然还可以是显示与存储同时进行。

另外，图片的格式可以采用JPEG格式(一种图片格式，Joint PhotographicExperts Group即联合图像专家小组制定的图像压缩标准)、PNG格式(全称Portable Network Graphic Format，意为便携网络图形格式)或者其它自定义图片格式，这里不作严格限制。

下面以一个具体的实例来说明上述实施例中的基于移动终端浏览器的截屏方法和原理。如图4所示，在截屏界面中，用户想对当前浏览器正在浏览的网页进行截屏，则只需要用两根手指在该网页任意两个位置(104、106)按压1秒钟即可。这样，在检测到触摸屏上的按压事件并判断当前的按压事件在1秒钟内持续为2时，便会触发截屏指令进入截屏模式。

进入截屏模式之后的界面如图5所示。进入截屏模式之后，会出现一个默认的截屏区域，在本实施例中，该默认的截屏区域几乎覆盖了整个触摸屏的可视区域，非截屏区域会出现灰色遮罩与截屏区域明显区分开来。另外，在截屏区域的4个顶点位置展示了4个截屏区域调节控件108，这样用户只需要拖动截屏区域调节控件108就可以实现对截屏区域的大小和位置进行调节。该界面还展示了截屏控件110和取消控件112。如果不需要对截屏区域的大小和位置进行调节，那么可以直接通过点击截屏控件110和取消控件112进行截屏确认。

用户在拖动截屏区域调节控件108对截屏区域的大小和位置调节之后的界面如图6所示。用户点击截屏控件110进行截屏，这时并会显示截屏成功的提示信息，并将截屏区域内的内容以图片的格式进行存储。截屏之后，返回到原来的浏览网页，如图7所示。保存的图片内容则如图8所示。

如图9所示，在一个实施例中，提供了一种基于移动终端浏览器的截屏装置900，具有实现上述各个实施例的基于移动终端浏览器的截屏方法的功能。该基于移动终端浏览器的截屏装置900包括按压事件检测模块902、按压事件判断模块904、指令触发模块906、截屏区域确定模块908以及截屏模块910。

按压事件检测模块902用于检测触摸屏上的按压事件。

按压事件判断模块904用于判断触摸屏上当前的按压事件数是否达到预设的阈值。

具体地，按压事件判断模块904用于判断触摸屏上当前的按压事件数是否在预设时间内持续达到预设的阈值，若是，则通过指令触发模块906触发截屏指令进入截屏模式。

指令触发模块906用于在触摸屏上当前的按压事件数达到预设的阈值时触发截屏指令进入截屏模式。

截屏区域确定模块908用于在所述截屏模式下确定截屏区域。

截屏模块910用于根据所述截屏区域进行截屏。

具体地，截屏模块910包括：

控件展示单元，用于展示截屏控件和取消控件；

第一获取单元，用于获取对所述截屏控件的触发事件以进行截屏；

第二获取单元，用于获取对所述取消控件的触发事件以退出截屏模式。

所述触发事件为对所述截屏控件或对所述取消控件的点击事件；或者，所述触发事件为所述截屏控件或所述取消控件所在区域的光标或触摸点移入事件。

进一步地，该基于移动终端浏览器的截屏装置900还包括信息显示模块和存储模块，所述信息显示模块用于显示截屏成功的提示信息，所述存储模块用于将截屏区域内的内容以图片的格式存储。

如图10所示，在一个实施例中，提供了一种截屏区域确定模块1000。该截屏区域确定模块1000包括调节控件展示单元1002、拖动事件获取单元1004、截屏区域调节单元1006以及截屏区域确定单元1008。

调节控件展示单元1002用于在所述截屏模式下展示截屏区域调节控件。

拖动事件获取单元1004用于拖动事件获取单元，用于获取对所述截屏区域调节控件的拖动事件。

截屏区域调节单元1006用于根据所述拖动事件调节截屏区域的大小和位置。

截屏区域确定单元1008用于根据所述截屏区域的大小和位置确定截屏区域。

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

以上所述实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细，但并不能因此而理解为对发明专利范围的限制。应当指出的是，对于本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附权利要求为准。

Claims (10)

1.一种基于移动终端浏览器的截屏方法，所述方法包括：

检测触摸屏上的按压事件；

判断触摸屏上当前的按压事件数是否达到预设的阈值，若是，则触发截屏指令进入截屏模式；

在所述截屏模式下确定截屏区域；

根据所述截屏区域进行截屏。

2.根据权利要求1所述的方法，其特征在于，所述判断触摸屏上当前的按压事件数是否达到预设的阈值，若是，则触发截屏指令进入截屏模式的步骤，包括：

判断触摸屏上当前的按压事件数是否在预设时间内持续达到预设的阈值，若是，则触发截屏指令进入截屏模式。

3.根据权利要求1所述的方法，其特征在于，在所述截屏模式下确定截屏区域的步骤，包括：

在所述截屏模式下展示截屏区域调节控件；

获取对所述截屏区域调节控件的拖动事件；

根据所述拖动事件调节截屏区域的大小和位置；

根据所述截屏区域的大小和位置确定截屏区域。

4.根据权利要求1所述的方法，其特征在于，所述根据所述截屏区域进行截屏的步骤，包括：

展示截屏控件和取消控件；

获取对所述截屏控件的触发事件以进行截屏；或者，

获取对所述取消控件的触发事件以退出截屏模式。

5.根据权利要求4所述的方法，其特征在于，所述获取对所述截屏控件的触摸指令以进行截屏的步骤之后，包括：

显示截屏成功的提示信息；

将截屏区域内的内容以图片的格式进行存储。

6.一种基于移动终端浏览器的截屏装置，所述装置包括：

按压事件检测模块，用于检测触摸屏上的按压事件；

按压事件判断模块，用于判断触摸屏上当前的按压事件数是否达到预设的阈值；

指令触发模块，用于在触摸屏上当前的按压事件数达到预设的阈值时触发截屏指令进入截屏模式；

截屏区域确定模块，用于在所述截屏模式下确定截屏区域；

截屏模块，用于根据所述截屏区域进行截屏。

7.根据权利要求6所述的装置，其特征在于，所述按压事件判断模块用于判断触摸屏上当前的按压事件数是否在预设时间内持续达到预设的阈值，若是，则通过所述指令触发模块触发截屏指令进入截屏模式。

8.根据权利要求6所述的装置，其特征在于，所述截屏区域确定模块包括：

调节控件展示单元，用于在所述截屏模式下展示截屏区域调节控件；

拖动事件获取单元，用于获取对所述截屏区域调节控件的拖动事件；

截屏区域调节单元，用于根据所述拖动事件调节截屏区域的大小和位置；

截屏区域确定单元，用于根据所述截屏区域的大小和位置确定截屏区域。

9.根据权利要求6所述的装置，其特征在于，所述截屏模块，包括：

控件展示单元，用于展示截屏控件和取消控件；

第一获取单元，用于获取对所述截屏控件的触发事件以进行截屏；

第二获取单元，用于获取对所述取消控件的触发事件以退出截屏模式。

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

信息显示模块，用于显示截屏成功的提示信息；

存储模块，用于将截屏区域内的内容以图片的格式进行存储。