CN107450900B - 一种截图方法及装置 - Google Patents

一种截图方法及装置 Download PDF

Info

Publication number
CN107450900B
CN107450900B CN201610389352.XA CN201610389352A CN107450900B CN 107450900 B CN107450900 B CN 107450900B CN 201610389352 A CN201610389352 A CN 201610389352A CN 107450900 B CN107450900 B CN 107450900B
Authority
CN
China
Prior art keywords
screenshot
page
dynamic
event
link
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201610389352.XA
Other languages
English (en)
Other versions
CN107450900A (zh
Inventor
叶林清
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba China Co Ltd
Original Assignee
Alibaba China Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Alibaba China Co Ltd filed Critical Alibaba China Co Ltd
Priority to CN201610389352.XA priority Critical patent/CN107450900B/zh
Priority to PCT/CN2017/085128 priority patent/WO2017206739A1/zh
Publication of CN107450900A publication Critical patent/CN107450900A/zh
Application granted granted Critical
Publication of CN107450900B publication Critical patent/CN107450900B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明提供了一种截图方法及装置,其中,该方法包括:当接收到动态截图指令时,截取当前页面对应的屏幕截图作为起始截图;实时监测页面变化触发事件直至接收到停止截图指令;每次监测到页面变化触发事件时,截取页面变化触发事件所产生的新页面对应的屏幕截图;根据起始截图及每次页面变化触发事件所产生的新页面对应的屏幕截图,生成动态截图数据。本发明通过对页面变化触发事件进行实时监测,实现在页面变化触发事件产生新页面时,自动截取新页面对应的屏幕截图,在页面滚动或页面跳转等需多屏截图的场景中避免了人工干预,提高了截图效率及截图的准确性。

Description

一种截图方法及装置
技术领域
本发明涉及互联网技术领域,具体而言,涉及一种截图方法及装置。
背景技术
目前,当用户通过浏览器客户端浏览到自己感兴趣的网页时,可能想要对该网页进行截图,并将截取的图片分享给好友。
当前,相关技术中提供了一种对网页进行截图的方法,包括:若待截取网页完整的显示在显示屏幕中,则对显示屏幕进行截图,得到待截取网页的图片。若待截取网页未完整显示在显示屏幕中,则先对显示屏幕进行截图,得到待截取网页中部分网页内容的图片,然后通过滚动操作将待截取网页中未显示的网页内容滚动至显示屏幕中,再对显示屏幕进行截图,得到待截取网页中另一部分网页内容的图片,如此按照上述操作直至截取到待截取网页中所有网页内容的图片。
由于相关技术中每次只能对显示屏幕中当前显示的内容进行截图,对于大于显示屏幕的网页内容,需要用户滚动网页进行多次截图操作,导致整个过程中人工干预过多,操作繁琐、效率低下,且容易出现重复截取网页内容或漏截网页内容的情况。
发明内容
有鉴于此,本发明实施例的目的在于提供一种截图方法及装置,实现在页面变化触发事件产生新页面时,自动截取新页面对应的屏幕截图,在页面滚动或页面跳转等需多屏截图的场景中避免了人工干预,提高了截图效率及截图的准确性。
第一方面,本发明实施例提供了一种截图方法,所述方法包括:
当接收到动态截图指令时,截取当前页面对应的屏幕截图作为起始截图;
实时监测页面变化触发事件直至接收到停止截图指令;每次监测到页面变化触发事件时,截取所述页面变化触发事件所产生的新页面对应的屏幕截图;
根据所述起始截图及每次所述页面变化触发事件所产生的新页面对应的屏幕截图,生成动态截图数据。
结合第一方面,本发明实施例提供了上述第一方面的第一种可能的实现方式,其中,所述页面变化触发事件包括滚动事件;实时监测页面变化触发事件,每次监测到页面变化触发事件时,截取所述页面变化触发事件所产生的新页面对应的屏幕截图,包括:
实时监测输入设备及当前屏幕中的滚动条是否触发滚动事件;
每次监测到输入设备触发滚动事件,或者每次监测到当前屏幕中的滚动条触发滚动事件时,截取页面滚动后当前屏幕中显示的新页面对应的屏幕截图。
结合第一方面,本发明实施例提供了上述第一方面的第二种可能的实现方式,其中,所述页面变化触发事件包括链接点击事件;实时监测页面变化触发事件,每次监测到页面变化触发事件时,截取所述页面变化触发事件所产生的新页面对应的屏幕截图,包括:
对当前屏幕中显示的页面包括的链接进行实时监测;
每次监测到所述页面中的链接触发链接点击事件时,加载所述链接点击事件对应的新页面;
截取当前屏幕中加载的所述新页面对应的屏幕截图。
结合第一方面及第一方面的第一和第二种可能的实现方式,本发明实施例提供了上述第一方面的第三种可能的实现方式,其中,所述根据所述起始截图及每次所述页面变化触发事件所产生的新页面对应的屏幕截图,生成动态截图数据,包括:
根据所述起始截图及每次所述页面变化触发事件所产生的新页面对应的屏幕截图,按照截取时间的先后顺序生成动态图,将所述动态图作为动态截图数据。
结合第一方面及第一方面的第一和第二种可能的实现方式,本发明实施例提供了上述第一方面的第四种可能的实现方式,其中,所述根据所述起始截图及每次所述页面变化触发事件所产生的新页面对应的屏幕截图,生成动态截图数据,包括:
将所述起始截图及每次所述页面变化触发事件所产生的新页面对应的屏幕截图,按照截取时间的先后顺序拼接为一幅静态图,将所述静态图作为动态截图数据。
结合第一方面的第二种可能的实现方式,本发明实施例提供了上述第一方面的第五种可能的实现方式,其中,所述方法还包括:
当监测到所述页面产生链接点击事件时,检测被点击的链接的显示状态是否发生改变;
当检测到所述被点击的链接的显示状态发生改变时,再次截取所述页面对应的屏幕截图作为所述链接点击事件对应的截图。
结合第一方面的第五种可能的实现方式,本发明实施例提供了上述第一方面的第六种可能的实现方式,其中,所述方法还包括:
当接收到停止截图指令时,根据所述起始截图、所述链接点击事件对应的截图及所述新页面对应的屏幕截图,生成动态截图数据。
结合第一方面的第六种可能的实现方式,本发明实施例提供了上述第一方面的第七种可能的实现方式,其中,所述根据所述起始截图、所述链接点击事件对应的截图及所述新页面对应的屏幕截图,生成动态截图数据,包括:
根据所述起始截图、所述链接点击事件对应的截图及所述新页面对应的屏幕截图,按照截取时间的先后顺序生成动态图,将所述动态图作为动态截图数据;或者,
根据所述起始截图、所述链接点击事件对应的截图及所述新页面对应的屏幕截图,按照截取时间的先后顺序拼接为一幅静态图,将所述静态图作为动态截图数据。
第二方面,本发明实施例提供了一种截图装置,所述装置包括:
截取模块,用于当接收到动态截图指令时,截取当前页面对应的屏幕截图作为起始截图;
监测模块,用于实时监测页面变化触发事件直至接收到停止截图指令;
所述截取模块,用于每次所述监测模块监测到页面变化触发事件时,截取所述页面变化触发事件所产生的新页面对应的屏幕截图;
生成模块,用于根据所述起始截图及每次所述页面变化触发事件所产生的新页面对应的屏幕截图,生成动态截图数据。
结合第二方面,本发明实施例提供了上述第二方面的第一种可能的实现方式,其中,所述页面变化触发事件包括滚动事件;
所述监测模块,用于实时监测输入设备及当前屏幕中的滚动条是否触发滚动事件;
所述截取模块,用于每次所述监测模块监测到输入设备触发滚动事件,或者每次所述监测模块监测到当前屏幕中的滚动条触发滚动事件时,截取页面滚动后当前屏幕中显示的新页面对应的屏幕截图。
结合第二方面,本发明实施例提供了上述第二方面的第二种可能的实现方式,其中,所述页面变化触发事件包括链接点击事件;
所述监测模块,用于对当前屏幕中显示的页面包括的链接进行实时监测;
相应地,所述截取模块包括:
加载单元,用于每次所述监测模块监测到所述页面中的链接触发链接点击事件时,加载所述链接点击事件对应的新页面;
截取单元,用于截取当前屏幕中加载的所述新页面对应的屏幕截图。
结合第二方面及第二方面的第一和第二种可能的实现方式,本发明实施例提供了上述第二方面的第三种可能的实现方式,其中,所述生成模块,用于根据所述起始截图及每次所述页面变化触发事件所产生的新页面对应的屏幕截图,按照截取时间的先后顺序生成动态图,将所述动态图作为动态截图数据。
结合第二方面及第二方面的第一和第二种可能的实现方式,本发明实施例提供了上述第二方面的第四种可能的实现方式,其中,所述生成模块,用于将所述起始截图及每次所述页面变化触发事件所产生的新页面对应的屏幕截图,按照截取时间的先后顺序拼接为一幅静态图,将所述静态图作为动态截图数据。
结合第二方面的第二种可能的实现方式,本发明实施例提供了上述第二方面的第五种可能的实现方式,其中,所述装置还包括:
状态检测模块,用于当所述监测模块监测到所述页面产生链接点击事件时,检测被点击的链接的显示状态是否发生改变;
所述截取模块,还用于当所述状态检测模块检测到所述被点击的链接的显示状态发生改变时,再次截取所述页面对应的屏幕截图作为所述链接点击事件对应的截图。
结合第二方面的第五种可能的实现方式,本发明实施例提供了上述第二方面的第六种可能的实现方式,其中,
所述生成模块,还用于当接收到停止截图指令时,根据所述起始截图、所述链接点击事件对应的截图及所述新页面对应的屏幕截图,生成动态截图数据。
结合第二方面的第六种可能的实现方式,本发明实施例提供了上述第二方面的第七种可能的实现方式,其中,
所述生成模块,还用于根据所述起始截图、所述链接点击事件对应的截图及所述新页面对应的屏幕截图,按照截取时间的先后顺序生成动态图,将所述动态图作为动态截图数据;或者,
所述生成模块,还用于根据所述起始截图、所述链接点击事件对应的截图及所述新页面对应的屏幕截图,按照截取时间的先后顺序拼接为一幅静态图,将所述静态图作为动态截图数据。
第三方面,本发明实施例提供了一种截图装置,所述装置包括:处理器、存储器、总线和通信接口,所述处理器、所述通信接口和所述存储器通过所述总线连接;
所述存储器用于存储程序;
所述处理器,用于通过所述总线调用存储在所述存储器中的程序,执行所述权利要求1-8任一项所述的方法。
在本发明实施例提供的方法及装置中,当接收到动态截图指令时,截取当前页面对应的屏幕截图作为起始截图;实时监测页面变化触发事件直至接收到停止截图指令;每次监测到页面变化触发事件时,截取页面变化触发事件所产生的新页面对应的屏幕截图;根据起始截图及每次页面变化触发事件所产生的新页面对应的屏幕截图,生成动态截图数据。通过对页面变化触发事件进行实时监测,实现在页面变化触发事件产生新页面时,自动截取新页面对应的屏幕截图,在页面滚动或页面跳转等需多屏截图的场景中避免了人工干预,提高了截图效率及截图的准确性。
为使本发明的上述目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附附图,作详细说明如下。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本发明的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1A示出了本发明实施例1所提供的一种截图方法的流程图;
图1B示出了本发明实施例1所提供的一种动态截图按钮的示意图;
图1C示出了本发明实施例1所提供的另一种动态截图按钮的示意图;
图1D示出了本发明实施例1所提供的一种动态截图数据的示意图;
图1E示出了本发明实施例1所提供的另一种动态截图数据的示意图;
图2示出了本发明实施例2所提供的一种截图装置的结构示意图;
图3示出了本发明实施例3所提供的一种截图装置的结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚,下面将结合本发明实施例中附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此,以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围,而是仅仅表示本发明的选定实施例。基于本发明的实施例,本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
考虑到相关技术中每次只能对显示屏幕中当前显示的内容进行截图,对大于显示屏幕的网页内容,需要用户滚动网页进行多次截图操作,导致整个过程中人工干预过多,操作繁琐、效率低下,且容易出现重复截取网页内容或漏截网页内容的情况。基于此,本发明实施例提供了一种截图方法及装置,下面通过实施例进行描述。
实施例1
本发明实施例提供了一种截图方法,该方法的执行主体可以为浏览器客户端,并在浏览器客户端提供了动态截图按钮,当用户点击动态截图按钮触发动态截图操作时,通过本发明实施例提供的截图方法,实现在页面变化时,自动截取新页面对应的屏幕截图,在页面滚动或页面跳转等需多屏截图的场景中避免人工干预,提高截图效率及截图的准确性。
参见图1A,该方法包括以下步骤:
步骤101:当接收到动态截图指令时,截取当前页面对应的屏幕截图作为起始截图。
如图1B所示,上述动态截图按钮可以为设置在浏览器客户端的工具栏中的单独按钮。另外,当前浏览器客户端的工具栏中通常设置有截图按钮,本发明实施例还可以在现有截图按钮的下拉列表中添加动态截图的下拉选项,并将该下拉选项作为上述动态截图按钮,如图1C所示。
当用户想要截取的页面无法在终端屏幕中一次性完整显示时,用户可以点击上述动态截图按钮来向浏览器客户端提交动态截图指令。当浏览器客户端接收到动态截图指令时,对当前的终端屏幕进行截屏操作,得到当前页面对应的屏幕截图,并将该屏幕截图作为此次动态截图的起始截图。
在本发明实施例中,浏览器客户端还存储此次动态截图截取的起始截图及其对应的截取时间。
步骤102:实时监测页面变化触发事件直至接收到停止截图指令,每次监测到页面变化触发事件时,截取页面变化触发事件所产生的新页面对应的屏幕截图;
上述页面变化触发事件包括滚动事件。滚动事件可以由终端屏幕中的滚动条触发,也可以由输入设备触发,输入设备可以为键盘或鼠标,如通过键盘上的上键或下键来触发滚动事件,或者通过鼠标上的滚动轮来触发滚动事件。当发生滚动事件时终端屏幕中显示的页面内容将发生改变,本发明实施例通过对滚动事件实时监测,并在终端屏幕显示的页面内容发生改变时自动截取改变后的页面对应的屏幕截图。对滚动事件的实时监测及自动实现动态截图的具体过程包括:
实时监测输入设备及当前屏幕中的滚动条是否触发滚动事件;每次监测到输入设备触发滚动事件,或者每次监测到当前屏幕中的滚动条触发滚动事件时,截取页面滚动后当前屏幕中显示的新页面对应的屏幕截图。
由于在浏览器客户端接收到停止截图指令之前,可能会监测到多次滚动事件,对于每次监测到的滚动事件,都按照上述方式自动截取页面滚动后新页面对应的屏幕截图,即在接收到动态截图指令至接收到停止截图指令的时间段中,浏览器客户端可以截取多幅截图。
在本发明实施例中,页面变化触发事件还包括链接点击事件。终端屏幕显示的页面内容中通常包含多个链接,当用户点击其中一个链接时浏览器客户端跳转显示被点击的链接对应的页面,此时终端屏幕显示的页面内容发生了改变,本发明实施例通过对链接点击事件实时监测,并在发生页面跳转时自动截取跳转后的页面对应的屏幕截图。对链接点击事件的实时监测及自动实现动态截图的具体过程包括:
对当前屏幕中显示的页面包括的链接进行实时监测;每次监测到页面中的链接触发链接点击事件时,加载链接点击事件对应的新页面;截取当前屏幕中加载的新页面对应的屏幕截图。
由于在浏览器客户端接收到停止截图指令之前,用户可能通过多次点击链接进行页面的连续跳转,此时浏览器客户端将会监测到多次链接点击事件,对于每次监测到的链接点击事件,都按照上述方式自动截取页面跳转后新页面对应的屏幕截图,即在接收到动态截图指令至接收到停止截图指令的时间段中,浏览器客户端可以截取多幅截图。
在本发明实施例中,页面变化触发事件并不限制于滚动事件和链接点击事件两种,其他任何导致当前屏幕中显示的页面内容发生改变的事件,均属于本发明实施例所述的页面变化触发事件。例如,用户点击当前页面中的下拉按钮,致使该下拉按钮展开显示下拉选项,则该下拉按钮的点击事件也属于一种页面变化触发事件。
在动态截图过程中,对于任意一种页面变化触发事件,只要浏览器客户端监测到该页面变化触发事件,就自动截取该页面变化触发事件所产生的新页面对应的屏幕截图。
在本发明实施例中,浏览器客户端还存储每次页面变化触发事件所产生的新页面对应的屏幕截图及每个屏幕截图对应的截取时间。
当用户需要停止动态截图时,用户可以通过点击键盘上的退出按键来提交停止截图指令,或者通过再次点击工具栏中的动态截图按钮来提交停止截图指令。当浏览器客户端接收到停止截图指令时,停止监测页面变化触发事件,并通过如下步骤103来生成此次动态截图对应的动态截图数据。
步骤103:根据起始截图及每次页面变化触发事件所产生的新页面对应的屏幕截图,生成动态截图数据。
动态截图数据包括动态图和静态图等多种数据形式,数据形式不同,生成动态截图数据的方式也不同。当动态截图数据的数据形式为动态图时,通过如下方式来生成动态截图数据,具体包括:
根据起始截图及每次页面变化触发事件所产生的新页面对应的屏幕截图,按照截取时间的先后顺序生成动态图,将动态图作为动态截图数据。
当接收到停止截图指令时,浏览器客户端获取已存储的起始截图及其对应的截取时间,以及获取每次页面变化触发事件所产生的新页面对应的屏幕截图及每个屏幕截图对应的截取时间,根据起始截图及每个屏幕截图对应的截取时间,按照截取时间的先后顺序将此次动态截图过程中截取的所有图片组成图片序列,然后根据预设帧率将图片序列转换为动态图,将该动态图作为动态截图数据。
上述预设帧率可以为每秒5帧或每秒10帧等。本发明实施例并不具体限定生成动态图的具体帧率,实际应用中可根据需求自定义预设帧率的实际数值。
当动态截图数据的数据形式为静态图时,通过如下方式来生成动态截图数据,具体包括:
将起始截图及每次页面变化触发事件所产生的新页面对应的屏幕截图,按照截取时间的先后顺序拼接为一幅静态图,将静态图作为动态截图数据。
当接收到停止截图指令时,浏览器客户端获取已存储的起始截图及其对应的截取时间,以及获取每次页面变化触发事件所产生的新页面对应的屏幕截图及每个屏幕截图对应的截取时间,根据起始截图及每个屏幕截图对应的截取时间,按照截取时间的先后顺序将此次动态截图过程中截取的所有图片组成图片序列,然后按照预设位置顺序将图片序列拼接为一幅静态图,将该静态图作为动态截图数据。
上述预设位置顺序可以为按照从上到下或从左到右的顺序。本发明实施例并不具体限定生成静态图的具体位置顺序,实际应用中可根据需求自定义预设位置顺。
在本发明实施例中,生成上述静态图时还可以在相邻的两幅截图之间添加用于表示截取时间先后顺序的箭头。
为了便于理解本发明实施例提供的动态截图过程,下面结合附图进行说明。如图1D所示的动态截图数据,该动态截图数据中截图a为接收到动态截图指令时截取的起始截图,截图b为监测到滚动事件时截取的页面滚动后新页面内容对应的屏幕截图,截图c为监测到截图b中链接“体育”所产生的新页面对应的屏幕截图。其中,截图a和b之间的箭头表示截图a的截取时间早于截图b的截取时间,截图b和c之间的箭头表示截图b的截取时间早于截图c的截取时间。
由于现有的网页中当某个链接被点击时,该链接的显示状态将会发生改变,如该链接的背景颜色发生改变,或者该链接的文本变为带有下划线的文本等。因此本发明实施例在监测到链接点击事件时,为了更鲜明地表示页面跳转前后两幅截图之间的跳转关系,在截取页面跳转后的新页面对应的屏幕截图之前,还通过如下方式来截取链接点击事件对应的屏幕截图,具体包括:
当监测到页面产生链接点击事件时,检测被点击的链接的显示状态是否发生改变;当检测到被点击的链接的显示状态发生改变时,再次截取页面对应的屏幕截图作为链接点击事件对应的截图。浏览器客户端还存储该链接点击事件对应的截图及该截图对应的截取时间。
通过上述方式截取链接点击事件对应的截图之后,通过如下方式来生成动态截图数据,包括:
当接收到停止截图指令时,根据起始截图、链接点击事件对应的截图及新页面对应的屏幕截图,生成动态截图数据。
同样地,动态截图数据的数据形式包括动态图和静态图等多种数据形式。当动态截图数据的数据形式为动态图时,根据起始截图、链接点击事件对应的截图及新页面对应的屏幕截图,按照截取时间的先后顺序生成动态图,将动态图作为动态截图数据。生成动态图的具体过程与上文中生成动态图的操作相同,在此不再赘述。
当动态截图数据的数据形式为静态图时,根据起始截图、链接点击事件对应的截图及新页面对应的屏幕截图,按照截取时间的先后顺序拼接为一幅静态图,将静态图作为动态截图数据。生成静态图的具体过程与上文中生成静态图的操作相同,在此不再赘述。
对于除链接点击事件外的其他能够致使页面中某一部分的显示状态发生改变的页面变化触发事件,在截取页面变化所产生的新页面对应的屏幕截图之前,同样按照上述方式截取页面变化触发事件对应的截图,并按照上述方式生成动态截取数据。
为了便于理解上述截取了链接点击事件对应的截图的截图过程,下面结合附图进行说明。如图1E所示的动态截图数据,该动态截图数据与图1D所示的动态截图数据的不同之处在于,在截图b和c之间增加了截图d,截图d为检测到截图b中链接“体育”的显示状态发生改变时,截取的链接“体育”触发的链接点击事件对应的截图。其中,截图d中链接“体育”的文本“体育”变化为带有加粗下划线的文本。另外,截图b和d之间的箭头表示截图b的截取时间早于截图d的截取时间,截图d和c之间的箭头表示截图d的截取时间早于截图c的截取时间。
本发明实施例通过上述步骤101-103的操作生成动态截图数据之后,还存储该动态截图数据,当用户将该动态截图数据分享到社交应用中时,若该动态截图数据的数据形式为动态图,则该用户的好友可以通过点击该动态截图数据来播放该动态截图包含的多幅截图。若该动态截图数据的数据形式为静态图,则该用户的好友可以按照该动态截图数据中截图的排列顺序来浏览用户分享的多幅截图。
通过本发明实施例提供的截图方法可以完整记录用户的浏览过程动作,自动生成整个连续浏览过程的轨迹动态截图,避免了截图过程中的人工干预,提高了截图的效率及准确性。同时使得教程式或指引式的截图分享更加有趣,给用户更多的选择。
在本发明实施例中,当接收到动态截图指令时,截取当前页面对应的屏幕截图作为起始截图;实时监测页面变化触发事件直至接收到停止截图指令;每次监测到页面变化触发事件时,截取页面变化触发事件所产生的新页面对应的屏幕截图;根据起始截图及每次页面变化触发事件所产生的新页面对应的屏幕截图,生成动态截图数据。通过对页面变化触发事件进行实时监测,实现在页面变化触发事件产生新页面时,自动截取新页面对应的屏幕截图,在页面滚动或页面跳转等需多屏截图的场景中避免了人工干预,提高了截图效率及截图的准确性。
实施例2
本发明实施例提供了一种截图装置,该装置用于执行上述实施例1提供的截图方法。该装置为用户提供了动态截图按钮,当用户点击动态截图按钮触发动态截图操作时,该截图装置能够实现在页面变化时,自动截取新页面对应的屏幕截图,在页面滚动或页面跳转等需多屏截图的场景中避免人工干预,提高截图效率及截图的准确性。
参见图2,该装置具体包括:
截取模块201,用于当接收到动态截图指令时,截取当前页面对应的屏幕截图作为起始截图;
监测模块202,用于实时监测页面变化触发事件直至接收到停止截图指令;
截取模块201,用于每次监测模块202监测到页面变化触发事件时,截取页面变化触发事件所产生的新页面对应的屏幕截图;
生成模块203,用于根据起始截图及每次页面变化触发事件所产生的新页面对应的屏幕截图,生成动态截图数据。
在本发明实施例中,页面变化触发事件包括滚动事件;滚动事件可以由终端屏幕中的滚动条触发,也可以由输入设备触发,输入设备可以为键盘或鼠标,如通过键盘上的上键或下键来触发滚动事件,或者通过鼠标上的滚动轮来触发滚动事件。
监测模块202,用于实时监测输入设备及当前屏幕中的滚动条是否触发滚动事件;
截取模块201,用于每次监测模块202监测到输入设备触发滚动事件,或者每次监测模块202监测到当前屏幕中的滚动条触发滚动事件时,截取页面滚动后当前屏幕中显示的新页面对应的屏幕截图。
在本发明实施例中,页面变化触发事件包括链接点击事件;终端屏幕显示的页面内容中通常包含多个链接,当用户点击其中一个链接时浏览器客户端跳转显示被点击的链接对应的页面,此时终端屏幕显示的页面内容发生了改变。
监测模块202,用于对当前屏幕中显示的页面包括的链接进行实时监测;
相应地,截取模块201包括:
加载单元,用于每次监测模块监测到页面中的链接触发链接点击事件时,加载链接点击事件对应的新页面;
截取单元,用于截取当前屏幕中加载的新页面对应的屏幕截图。
在本发明实施例中,动态截图数据的数据形式包括动态图和静态图等多种数据形式。当动态截图数据的数据形式为动态图时,生成模块203,用于根据起始截图及每次页面变化触发事件所产生的新页面对应的屏幕截图,按照截取时间的先后顺序生成动态图,将动态图作为动态截图数据。
当动态截图数据的数据形式为静态图时,生成模块203,用于将起始截图及每次页面变化触发事件所产生的新页面对应的屏幕截图,按照截取时间的先后顺序拼接为一幅静态图,将静态图作为动态截图数据。
由于现有的网页中当某个链接被点击时,该链接的显示状态将会发生改变,如该链接的背景颜色发生改变,或者该链接的文本变为带有下划线的文本等。因此本发明实施例在监测到链接点击事件时,为了更鲜明地表示页面跳转前后两幅截图之间的跳转关系,在截取页面跳转后的新页面对应的屏幕截图之前,还通过如下状态检测模块来检测被点击的链接的状态。
状态检测模块,用于当监测模块监测到页面产生链接点击事件时,检测被点击的链接的显示状态是否发生改变;
截取模块201,还用于当状态检测模块检测到被点击的链接的显示状态发生改变时,再次截取页面对应的屏幕截图作为链接点击事件对应的截图。
当截取模块201截取了链接点击事件对应的截图后,生成模块203,还用于当接收到停止截图指令时,根据起始截图、链接点击事件对应的截图及新页面对应的屏幕截图,生成动态截图数据。
同样地,当动态截图数据的数据形式为动态图时,生成模块203,还用于根据起始截图、链接点击事件对应的截图及新页面对应的屏幕截图,按照截取时间的先后顺序生成动态图,将动态图作为动态截图数据;
或者,当动态截图数据的数据形式为静态图时,生成模块203,还用于根据起始截图、链接点击事件对应的截图及新页面对应的屏幕截图,按照截取时间的先后顺序拼接为一幅静态图,将静态图作为动态截图数据。
在本发明实施例中,当接收到动态截图指令时,截取当前页面对应的屏幕截图作为起始截图;实时监测页面变化触发事件直至接收到停止截图指令;每次监测到页面变化触发事件时,截取页面变化触发事件所产生的新页面对应的屏幕截图;根据起始截图及每次页面变化触发事件所产生的新页面对应的屏幕截图,生成动态截图数据。通过对页面变化触发事件进行实时监测,实现在页面变化触发事件产生新页面时,自动截取新页面对应的屏幕截图,在页面滚动或页面跳转等需多屏截图的场景中避免了人工干预,提高了截图效率及截图的准确性。
实施例3
参见图3,本发明实施例提供了一种截图装置,该装置用于执行实施例1提供的截图方法,该装置具体包括:处理器301、存储器302、总线303和通信接口304,处理器301、通信接口304和存储器302通过总线303连接;
存储器302用于存储程序;
处理器301,用于通过总线303调用存储在存储器302中的程序,执行实施例1提供的截图方法。
处理器301在执行实施例1提供的截图方法时,当接收到动态截图指令时,截取当前页面对应的屏幕截图作为起始截图;实时监测页面变化触发事件直至接收到停止截图指令;每次监测到页面变化触发事件时,截取页面变化触发事件所产生的新页面对应的屏幕截图;根据起始截图及每次页面变化触发事件所产生的新页面对应的屏幕截图,生成动态截图数据。
处理器301执行实施例1提供的方法的执行细节与实施例1中描述的内容相同,在此不再赘述。
在本发明实施例中,当接收到动态截图指令时,截取当前页面对应的屏幕截图作为起始截图;实时监测页面变化触发事件直至接收到停止截图指令;每次监测到页面变化触发事件时,截取页面变化触发事件所产生的新页面对应的屏幕截图;根据起始截图及每次页面变化触发事件所产生的新页面对应的屏幕截图,生成动态截图数据。通过对页面变化触发事件进行实时监测,实现在页面变化触发事件产生新页面时,自动截取新页面对应的屏幕截图,在页面滚动或页面跳转等需多屏截图的场景中避免了人工干预,提高了截图效率及截图的准确性。
本发明实施例所提供的截图装置可以为设备上的特定硬件或者安装于设备上的软件或固件等。本发明实施例所提供的装置,其实现原理及产生的技术效果和前述方法实施例相同,为简要描述,装置实施例部分未提及之处,可参考前述方法实施例中相应内容。所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,前述描述的系统、装置和单元的具体工作过程,均可以参考上述方法实施例中的对应过程,在此不再赘述。
在本发明所提供的实施例中,应该理解到,所揭露装置和方法,可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,又例如,多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本发明提供的实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释,此外,术语“第一”、“第二”、“第三”等仅用于区分描述,而不能理解为指示或暗示相对重要性。
最后应说明的是:以上所述实施例,仅为本发明的具体实施方式,用以说明本发明的技术方案,而非对其限制,本发明的保护范围并不局限于此,尽管参照前述实施例对本发明进行了详细的说明,本领域的普通技术人员应当理解:任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化,或者对其中部分技术特征进行等同替换;而这些修改、变化或者替换,并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围。都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应所述以权利要求的保护范围为准。

Claims (13)

1.一种截图方法,其特征在于,所述方法包括:
当接收到动态截图指令时,截取当前页面对应的屏幕截图作为起始截图;
实时监测页面变化触发事件直至接收到停止截图指令;每次监测到页面变化触发事件时,截取所述页面变化触发事件所产生的新页面对应的屏幕截图;
根据所述起始截图及每次所述页面变化触发事件所产生的新页面对应的屏幕截图,生成动态截图数据;
其中,所述页面变化触发事件包括链接点击事件;
所述方法还包括:
当监测到所述页面产生链接点击事件时,检测被点击的链接的显示状态是否发生改变,其中,所述显示状态发生变化包括如下之一:所述链 接的背景颜色发生改变,所述链接的文本变为带有下划线的文本;
当检测到所述被点击的链接的显示状态发生改变时,再次截取所述显示状态发生变化后的页面对应的屏幕截图作为所述链接点击事件对应的截图,并截取页面跳转后的新页面对应的屏幕截图。
2.根据权利要求1所述的方法,其特征在于,实时监测页面变化触发事件,每次监测到页面变化触发事件时,截取所述页面变化触发事件所产生的新页面对应的屏幕截图,包括:
对当前屏幕中显示的页面包括的链接进行实时监测;
每次监测到所述页面中的链接触发链接点击事件时,加载所述链接点击事件对应的新页面;
截取当前屏幕中加载的所述新页面对应的屏幕截图。
3.根据权利要求1或2所述的方法,其特征在于,所述根据所述起始截图及每次所述页面变化触发事件所产生的新页面对应的屏幕截图,生成动态截图数据,包括:
根据所述起始截图及每次所述页面变化触发事件所产生的新页面对应的屏幕截图,按照截取时间的先后顺序生成动态图,将所述动态图作为动态截图数据。
4.根据权利要求1或2所述的方法,其特征在于,所述根据所述起始截图及每次所述页面变化触发事件所产生的新页面对应的屏幕截图,生成动态截图数据,包括:
将所述起始截图及每次所述页面变化触发事件所产生的新页面对应的屏幕截图,按照截取时间的先后顺序拼接为一幅静态图,将所述静态图作为动态截图数据。
5.根据权利要求2所述的方法,其特征在于,所述方法还包括:
当接收到停止截图指令时,根据所述起始截图、所述链接点击事件对应的截图及所述新页面对应的屏幕截图,生成动态截图数据。
6.根据权利要求5所述的方法,其特征在于,所述根据所述起始截图、所述链接点击事件对应的截图及所述新页面对应的屏幕截图,生成动态截图数据,包括:
根据所述起始截图、所述链接点击事件对应的截图及所述新页面对应的屏幕截图,按照截取时间的先后顺序生成动态图,将所述动态图作为动态截图数据;或者,
根据所述起始截图、所述链接点击事件对应的截图及所述新页面对应的屏幕截图,按照截取时间的先后顺序拼接为一幅静态图,将所述静态图作为动态截图数据。
7.一种截图装置,其特征在于,所述装置包括:
截取模块,用于当接收到动态截图指令时,截取当前页面对应的屏幕截图作为起始截图;
监测模块,用于实时监测页面变化触发事件直至接收到停止截图指令;
所述截取模块,用于每次所述监测模块监测到页面变化触发事件时,截取所述页面变化触发事件所产生的新页面对应的屏幕截图;
生成模块,用于根据所述起始截图及每次所述页面变化触发事件所产生的新页面对应的屏幕截图,生成动态截图数据;
其中,所述页面变化触发事件包括链接点击事件;
所述装置还包括:
状态检测模块,用于当所述监测模块监测到所述页面产生链接点击事件时,检测被点击的链接的显示状态是否发生改变,其中,所述显示状态发生变化包括如下之一:所述链接的背景颜色发生改变,所述链接的文本变为带有下划线的文本;
所述截取模块,还用于当所述状态检测模块检测到所述被点击的链接的显示状态发生改变时,再次截取所述显示状态发生变化后的页面对应的屏幕截图作为所述链接点击事件对应的截图,并截取页面跳转后的新页面对应的屏幕截图。
8.根据权利要求7所述的装置,其特征在于,
所述监测模块,用于对当前屏幕中显示的页面包括的链接进行实时监测;
相应地,所述截取模块包括:
加载单元,用于每次所述监测模块监测到所述页面中的链接触发链接点击事件时,加载所述链接点击事件对应的新页面;
截取单元,用于截取当前屏幕中加载的所述新页面对应的屏幕截图。
9.根据权利要求7或8所述的装置,其特征在于,所述生成模块,用于根据所述起始截图及每次所述页面变化触发事件所产生的新页面对应的屏幕截图,按照截取时间的先后顺序生成动态图,将所述动态图作为动态截图数据。
10.根据权利要求7或8所述的装置,其特征在于,所述生成模块,用于将所述起始截图及每次所述页面变化触发事件所产生的新页面对应的屏幕截图,按照截取时间的先后顺序拼接为一幅静态图,将所述静态图作为动态截图数据。
11.根据权利要求8所述的装置,其特征在于,
所述生成模块,还用于当接收到停止截图指令时,根据所述起始截图、所述链接点击事件对应的截图及所述新页面对应的屏幕截图,生成动态截图数据。
12.根据权利要求11所述的装置,其特征在于,
所述生成模块,还用于根据所述起始截图、所述链接点击事件对应的截图及所述新页面对应的屏幕截图,按照截取时间的先后顺序生成动态图,将所述动态图作为动态截图数据;或者,
所述生成模块,还用于根据所述起始截图、所述链接点击事件对应的截图及所述新页面对应的屏幕截图,按照截取时间的先后顺序拼接为一幅静态图,将所述静态图作为动态截图数据。
13.一种截图装置,其特征在于,所述装置包括:处理器、存储器、总线和通信接口,所述处理器、所述通信接口和所述存储器通过所述总线连接;
所述存储器用于存储程序;
所述处理器,用于通过所述总线调用存储在所述存储器中的程序,执行所述权利要求1-6任一项所述的方法。
CN201610389352.XA 2016-06-01 2016-06-01 一种截图方法及装置 Active CN107450900B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201610389352.XA CN107450900B (zh) 2016-06-01 2016-06-01 一种截图方法及装置
PCT/CN2017/085128 WO2017206739A1 (zh) 2016-06-01 2017-05-19 一种截图方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610389352.XA CN107450900B (zh) 2016-06-01 2016-06-01 一种截图方法及装置

Publications (2)

Publication Number Publication Date
CN107450900A CN107450900A (zh) 2017-12-08
CN107450900B true CN107450900B (zh) 2021-01-29

Family

ID=60479714

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610389352.XA Active CN107450900B (zh) 2016-06-01 2016-06-01 一种截图方法及装置

Country Status (2)

Country Link
CN (1) CN107450900B (zh)
WO (1) WO2017206739A1 (zh)

Families Citing this family (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109101163B (zh) * 2018-07-12 2020-11-27 Oppo(重庆)智能科技有限公司 长截屏的方法、装置及移动终端
CN111309221B (zh) * 2018-12-12 2024-01-12 阿里巴巴集团控股有限公司 页面处理方法、装置及设备
CN109657181B (zh) * 2018-12-13 2024-05-14 平安科技(深圳)有限公司 互联网信息链式存储方法、装置、计算机设备及存储介质
CN110096203B (zh) * 2019-04-29 2021-06-25 维沃移动通信有限公司 一种截图方法及移动终端
CN110308961B (zh) * 2019-07-02 2023-03-31 广州小鹏汽车科技有限公司 一种车载终端的主题场景切换方法及装置
CN111046313B (zh) * 2019-11-21 2023-08-29 深圳前海环融联易信息科技服务有限公司 一种网页的智能截图方法、装置、计算机设备及存储介质
CN112256990B (zh) * 2020-09-01 2023-09-26 北京沃东天骏信息技术有限公司 一种图像处理方法及装置、计算机可读存储介质
CN112650872A (zh) * 2020-12-15 2021-04-13 歌尔光学科技有限公司 动态图片播放方法、装置、设备及计算机可读存储介质
CN112667130A (zh) * 2020-12-23 2021-04-16 网易(杭州)网络有限公司 游戏截图方法、装置及电子设备
CN114064144B (zh) * 2021-11-12 2024-03-22 南京论之语网络技术有限公司 一种跨应用数据获取的通信插件以及通信方法

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102279692A (zh) * 2010-06-11 2011-12-14 腾讯科技(深圳)有限公司 拖拽对象时实现预览的方法、客户端
CN103927178A (zh) * 2014-04-18 2014-07-16 长沙裕邦软件开发有限公司 一种截图方法及截图装置
CN104615343A (zh) * 2013-11-04 2015-05-13 中兴通讯股份有限公司 一种终端截图的方法及装置
CN105094617A (zh) * 2015-08-24 2015-11-25 北京锤子数码科技有限公司 一种截屏方法及装置

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105099881B (zh) * 2012-06-28 2019-05-31 北京奇虎科技有限公司 即时通信中的信息共享方法及装置
US9251435B2 (en) * 2013-09-20 2016-02-02 Oracle International Corporation Screenshot database for application verification

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102279692A (zh) * 2010-06-11 2011-12-14 腾讯科技(深圳)有限公司 拖拽对象时实现预览的方法、客户端
CN104615343A (zh) * 2013-11-04 2015-05-13 中兴通讯股份有限公司 一种终端截图的方法及装置
CN103927178A (zh) * 2014-04-18 2014-07-16 长沙裕邦软件开发有限公司 一种截图方法及截图装置
CN105094617A (zh) * 2015-08-24 2015-11-25 北京锤子数码科技有限公司 一种截屏方法及装置

Also Published As

Publication number Publication date
WO2017206739A1 (zh) 2017-12-07
CN107450900A (zh) 2017-12-08

Similar Documents

Publication Publication Date Title
CN107450900B (zh) 一种截图方法及装置
US9906613B2 (en) Determining relevant content for keyword extraction
CN106156066B (zh) 一种页面切换方法、装置及客户端
JP5985074B2 (ja) リロードイベントに基づくウェブリソースの対話性分析
US8533532B2 (en) System identifying and inferring web session events
US11588912B2 (en) Synchronized console data and user interface playback
US20190026065A1 (en) Systems and methods for enabling replay of internet co-browsing
CN105786352A (zh) 快速定位页面内容的方法、装置及移动终端
WO2018205918A1 (zh) 网页监测方法、装置和存储介质
CN109408754B (zh) 网页操作数据的处理方法、装置、电子设备及存储介质
CN111026485B (zh) 数据处理方法及装置
US20220286524A1 (en) Network latency detection
CN105279431B (zh) 一种移动设备中操作信息的记录方法、装置和系统
CN111935527A (zh) 信息显示方法、视频播放方法及设备
CN104881452B (zh) 一种资源地址的嗅探方法、装置及系统
US9152872B2 (en) User experience analysis system to analyze events in a computer desktop
CN108933947B (zh) 弹幕显示方法及装置
US9183314B2 (en) Providing browsing history on client for dynamic webpage
JP2018506783A (ja) 要素識別子の生成
US20140280574A1 (en) Component loading based on user interactions
CN112307384B (zh) 页面快照展示方法、装置、电子设备及存储介质
CN113392353A (zh) 网站页面的加载方法、装置、电子设备及存储介质
CN103473226A (zh) 更新网页内容的方法和装置
US20170221091A1 (en) Method and system for performing online advertisement monitoring
CN113515210A (zh) 一种显示方法、装置、电子设备以及存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
TA01 Transfer of patent application right

Effective date of registration: 20200628

Address after: 310052 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province

Applicant after: Alibaba (China) Co.,Ltd.

Address before: 510627 Guangdong city of Guangzhou province Whampoa Tianhe District Road No. 163 Xiping Yun Lu Yun Ping B radio 14 floor tower square

Applicant before: GUANGZHOU UCWEB COMPUTER TECHNOLOGY Co.,Ltd.

TA01 Transfer of patent application right
GR01 Patent grant
GR01 Patent grant