CN107040574A - 一种截图、数据处理方法及设备 - Google Patents

一种截图、数据处理方法及设备 Download PDF

Info

Publication number
CN107040574A
CN107040574A CN201611024904.3A CN201611024904A CN107040574A CN 107040574 A CN107040574 A CN 107040574A CN 201611024904 A CN201611024904 A CN 201611024904A CN 107040574 A CN107040574 A CN 107040574A
Authority
CN
China
Prior art keywords
sectional drawing
unit
server
data
page
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.)
Granted
Application number
CN201611024904.3A
Other languages
English (en)
Other versions
CN107040574B (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.)
Advanced New Technologies Co Ltd
Advantageous New Technologies Co Ltd
Original Assignee
Alibaba Group Holding 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 Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201611024904.3A priority Critical patent/CN107040574B/zh
Publication of CN107040574A publication Critical patent/CN107040574A/zh
Application granted granted Critical
Publication of CN107040574B publication Critical patent/CN107040574B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/50—Network services
    • H04L67/60—Scheduling or organising the servicing of application requests, e.g. requests for application data transmissions using the analysis and optimisation of the required network resources
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction 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
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L43/00—Arrangements for monitoring or testing data switching networks
    • H04L43/04—Processing captured monitoring data, e.g. for logfile generation
    • H04L43/045—Processing captured monitoring data, e.g. for logfile generation for graphical visualisation of monitoring data
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/06—Protocols specially adapted for file transfer, e.g. file transfer protocol [FTP]

Landscapes

  • Engineering & Computer Science (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Data Mining & Analysis (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本申请公开了一种截图、数据处理方法及装置。包括：接收截图请求；并基于所述截图请求，触发执行截取操作进而将得到的图像数据直接发送至服务器。这样实现在截取操作完成时自动将图像数据发送至服务器，简化了截图之后发送图像数据的流程，有效改善用户对截图这一功能的用户体验；此外，对于页面出现故障的情况，通过本申请实施例提供的技术方案，能够及时将故障页面的故障状态通过截取的方式捕捉，并且在用户毫无察觉的情况下将截得的图像数据上传至后台管理系统，以保证该故障能够及时被解决，进而确保故障的处理效率。

Description

一种截图、数据处理方法及设备
技术领域
本申请涉及计算机通信技术领域，尤其涉及一种截图、数据处理方法及设备。
背景技术
截图作为一种图像获取方式，可以是终端设备(例如：计算机设备或者其他设备)在接收到控制指令时对目标对象执行截取操作，通过截图可以得到与该目标对象相关的可视图像。通常截图的目的是为了展示特定状态下的网页内容、程序界面图标、游戏场景等等。
简而言之，截图就是把用户在显示设备中展示的全部或部分内容有选择性地进行截取，以得到与展示内容相关的可视图像(例如：图片或视频)。在实际应用中，对于执行截取操作后得到的可视图像，通常需要存储在执行截取操作的终端设备本地。
但是实际应用中，在通过截图方式得到可视图像后，通常需要通过粘贴或者复制等命令将终端设备本地存储的可视图像发送给其他设备，使得可视图像的发送操作比较复杂，进而导致用户对截图这一功能的用户体验比较差。
背景技术部分公开的信息只是为了加强对本申请的一般背景的理解，不应视为承认或默许这种信息构成本领域技术人员已知的现有技术。
发明内容
有鉴于此，本申请实施例提供了一种截图、数据处理方法及设备，以解决现有截图技术中存在的操作复杂的问题。
本申请实施例提供了一种截图方法，应用于浏览器，包括：
截图插件接收截图请求；
所述截图插件基于所述截图请求，触发执行截取操作并将得到的图像数据直接发送至服务器。
本申请实施例还提供了一种数据处理方法，包括：
接收截图插件发送的图像数据，所述图像数据是所述截图插件在完成截取操作时直接发送的；
对所述图像数据进行处理。
本申请实施例还提供了一种截图设备，应用于浏览器，包括：
接收单元，接收截图请求；
处理单元，基于所述截图请求，触发执行截取操作并将得到的图像数据直接发送至服务器。
本申请实施例还提供了一种数据处理设备，包括：
接收单元，接收截图插件发送的图像数据，所述图像数据是所述截图插件在完成截取操作时直接发送的；
处理单元，对所述图像数据进行处理。
本申请实施例采用的上述至少一个技术方案能够达到以下有益效果：
通过接收截图请求；并基于所述截图请求，触发执行截取操作进而将得到的图像数据直接发送至服务器。这样实现在截取操作完成时自动将图像数据发送至服务器，简化了截图之后发送图像数据的流程，有效改善用户对截图这一功能的用户体验；此外，对于页面出现故障的情况，通过本申请实施例提供的技术方案，能够及时将故障页面的故障状态通过截取的方式捕捉，并且在用户毫无察觉的情况下将截得的图像数据上传至后台管理系统，以保证该故障能够及时被解决，进而确保故障的处理效率。
附图说明
此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的限定。在附图中：
图1为本申请实施例提供的一种截图方法的流程示意图；
图2为本申请实施例提供的一种截图方法的流程示意图；
图3为本申请实施例提供的一种数据处理方法的流程示意图；
图4为本申请实施例提供的一种截图方法的流程示意图；
图5为本申请实施例提供的一种截图设备的结构示意图；
图6为本申请实施例提供的一种数据处理设备的结构示意图。
具体实施方式
为了实现本申请的目的，本申请实施例提供了一种截图、数据处理方法及设备，通过接收截图请求；并基于所述截图请求，触发执行截取操作进而将得到的图像数据直接发送至服务器。这样实现在截取操作完成时自动将图像数据发送至服务器，简化了截图之后发送图像数据的流程，有效改善用户对截图这一功能的用户体验；此外，对于页面出现故障的情况，通过本申请实施例提供的技术方案，能够及时将故障页面的故障状态通过截取的方式捕捉，并且在用户毫无察觉的情况下将截得的图像数据上传至后台管理系统，以保证该故障能够及时被解决，进而确保故障的处理效率。
本申请实施例中所记载的技术方案可以应用在浏览器中，也可以应用在APP中，这里不做具体限定。本申请实施例中所记载的截图功能可以集成在浏览器中，作为浏览器的一部分功能；也可以独立成为一个产品(浏览器插件或者截图插件等等)；还可以集成在其他设备或者应用软件中，这里不做具体限定。
为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
以下结合附图，详细说明本申请各实施例提供的技术方案。
实施例1
图1为本申请实施例提供的一种截图方法的流程示意图。所述方法可以如下所示。本申请实施例的执行主体可以是浏览器，也可以是安装在浏览器中的截图插件，这里以截图插件为执行主体进行说明。
步骤101：截图插件接收截图请求。
在本申请实施例中，截取插件接收到的截图请求可以是用户发起的，也可以是操作系统的发起的，这里不做具体限定。
具体而言，用户在访问页面时，对于需要捕捉所访问页面中的文字或者图片或者视频内容，可以通过触发指定控件或者指定页面元素，发起截图操作，即在点击指定控件或者指定页面元素时，向截图插件发送截图操作，此时截图插件将接收到用户发送的截图请求。
在本申请实施例中，用户与指定控件(或者指定页面元素)之间的交互可以是本领域技术人员能够想到的任何形式，包括但不限于：利用鼠标单击、双击、拖拽、将鼠标指针移至指定控件(或者指定页面元素)上、将鼠标指针划过指定控件(或者指定页面元素)等等。
需要说明的是，本申请实施例中所记载的指定页面元素可以是页面或者APP中显示的任意一种元素，也可以是附加在页面或者APP中的一种元素，这种元素不同于其他元素，方便用户查看。
在该截图请求中可以包含待执行截取操作的页面内容，也可以不包含内容，那么此时截图插件需要在接收到截图请求时确定执行截取操作的目标对象。
在本申请实施例中，还可以基于指定控件的位置或者指定页面元素定位执行截取操作的目标对象。
假设，在HTML5页面中包含指定控件，即在不同的HTML5页面中都包含该指定控件，可以为不同的HTML5页面中包含的指定控件确定不同的标识，这样在接收到截图请求时，确定触发该截图请求的指定控件的标识，进而确定与该指定控件的标识对应的HTML5页面，此时可以将该HTML5页面作为执行截取操作的目标对象。
在实际应用中，如果用户在访问页面(或者使用APP)时所访问的页面出现加载故障(或者所使用APP出现运行失败)这种情况时，用户也可以发起截图请求，此时，截图插件在接收到用户发送的截图请求时，可以检测出现故障的对象，那么可以将出现故障的对象视为执行截图操作的目标对象。
可选地，在本申请实施例中，截图请求还可以是操作系统发起的。
具体地，截图插件接收操作系统发送的截图请求，所述截图请求由所述操作系统在检测到页面出现故障时发送的。
在实际应用中，互联网服务平台在给用户提供网络服务时，需要强大的后台管理系统对该互联网服务平台的运行进行维护，对于互联网服务平台在运行中出现的故障，需要人工触发截图请求，进而采用抓取方式或者截图方式捕捉故障页面，将捕捉到的故障页面对应的图像数据存储在缓存或者磁盘中，再通过上传或者拖拽方式将该图像数据发送至服务器(或者后台管理系统)，由后台管理系统对故障页面进行处理，这样导致故障处理效率比较低。
那么在本申请实施例中，当操作系统检测到正在运行的程序或者正在加载的页面出现故障时，向截图插件发送截图请求，以指示截图插件对出现故障的程序或者页面执行截取操作。
需要说明的是，对于不具有键盘鼠标的终端设备，例如对于提供触摸屏的终端设备，用户还可以利用触摸屏与浏览器中的元素(例如，截图按钮、图片、文本框或其它控件)之间的交互生成截图请求，例如利用手指对浏览器的截图按钮进行一次点击。当然这种交互可以是本领域技术人员能够想到的其他形式，例如在预定时间内利用单个手指点击一次或多次，按压一定时间、滑动，利用多个手指进行点击、按压、滑动、缩放、转动，等等。尽管与浏览器中的元素进行一次交互最典型的应用场景是利用鼠标对截图按钮(或者利用手指对截图按钮)进行一次点击，但是，特定时间内进行的与截图元素交互的鼠标操作或鼠标操作组合(特定时间内进行的与截图元素交互的触摸操作或触摸操作组合)，例如双击、鼠标手势及鼠标手势的组合、滚轮滚动(单指或多指的一次或多次点击、单指或多指的滑动)等，均落入本文描述的一次交互的范围内。
步骤102：所述截图插件基于所述截图请求，触发执行截取操作。
在本申请实施例中，在触发执行截图操作之前，需要进一步执行截图操作的目标对象。
假设截图请求中包含有关于目标对象的信息，即所述截图插件基于所述截图请求中包含的页面标识/页面地址，确定执行截取操作的目标页面；并触发对所述目标页面执行截取操作。
为了方便后台管理系统尽快定位故障问题，所述截图插件在基于所述截图请求触发执行截取操作时，所述方法还包括：
所述截图插件确定执行截取操作的目标页面的链接地址。
假设截图请求中尚未包含有关目标对象的信息，那么可以按照以下方式执行截取操作：
截图插件可以对检测到的正在运行的活动窗口和/或活动应用，并且对与所述活动窗口和/或活动应用对应的区域进行截图。
例如，正在被用户访问的页面，截图插件在接收到截图请求时，检测到该页面正在运行，那么可以将该页面作为执行截取操作的目标对象，对该页面执行截取操作。类似的，对于正在运行的应用，截图插件在接收到截图请求时，检测到该应用正在运行，那么可以将该应用作为执行截取操作的目标对象，对该应用显示的内容执行截取操作。
此外，截图插件也可以对检测到的非活动窗口和/或非活动应用(即隐藏在活动窗口和/或活动应用之后)进行截图。
例如：截图插件在接收到截图请求时，一旦确定执行截取操作的目标对象为非活动窗口和/或非活动应用，那么在触发执行截取操作之前，对正在使用的活动窗口和/或活动应用执行隐藏操作，将非活动窗口和/或非活动应用的工作状态转换成为活动状态，进而对处于活动状态的非活动窗口和/或非活动应用执行截取操作。
此外，在截取操作之后执行，将处于活动状态的非活动窗口和/或非活动应用再转换为非活动状态。这样，使得截取操作更加灵活便利，有效提高截图的应用效率。
可选地，所述截图插件触发对所述目标页面的全部或者部分内容执行截取操作。
需要说明的是，截图插件在执行截取操作时，对于截取内容可以由系统自行设置(例如：全屏截取；区域截取)，也可以由用户自行设置，还可以是两者结合，这里不做具体限定。
此外，截图插件在执行截取操作之后，得到图像数据，本申请实施例中图像数据的格式包括但不限于JPEG、TIFF、RAW、BMP、GIF、PNG等。
步骤103：所述截图插件将得到的图像数据直接发送至服务器。
在本申请实施例中，截图插件在截取操作执行结束之后，得到的图像数据不需要再存储在截图插件所承载终端设备的本地，而是直接发送至服务器。
可选地，为了加快数据传输效率，在本申请实施例中，截图插件在将图像数据传输至服务器时，还可以对图像数据进行处理。
具体地，所述截图插件将得到的图像数据转换成Base64字符串；并将得到的所述Base64字符串直接发送至服务器。
需要说明的是，Base64是一种基于64个可打印字符来表示二进制数据的表示方法。由于2的6次方等于64，所以每6个比特为一个单元，该单元对应一个可打印字符。三个字节有24个比特，对应于4个Base64单元，即3个字节需要用4个可打印字符来表示。在Base64中的可打印字符包括字母A-Z、a-z、数字0-9，这样共有62个字符，此外两个可打印符号在不同的系统中而不同。
在网络通信过程中，可以通过Base64对待传输的数据进行编码，进而通过HTTP传输编码后的数据，也就是说，在本申请实施例中，可以将得到的图像数据转换成Base64字符串，即对图像数据进行Base64编码。本领域技术人员可以采用任何本领域已知的技术手段将图像数据转换为Base64字符串，以及将Base64字符串转换为图像数据。
通常，通过HTTP协议传输一个图像数据需要消耗一个HTTP请求，在本申请实施例中通过将图像数据转换为Base64字符串发送至服务器，可以将Base64字符串整合至其他数据的传输中(例如其他字符串数据、文本数据等的传输)，从而可以减少通信的HTTP请求，进一步提高数据传输效率。
可选地，所述截图插件将所述链接地址和得到的图像数据直接发送至服务器。
可选地，所述方法还包括：
接收所述服务器发送的响应消息，所述响应消息中包含存储地址，所述存储地址由所述服务器在接收到所述图像数据时分配给所述图像数据的。
需要说明的是，存储地址可以为URL(统一资源定位符)地址；不过本领域技术人员应该理解，不背离本发明的精神，也可以采用其他形式的地址。
截图插件在接收到响应消息时，从该响应消息中提取出存储地址，可以将存储地址保存在cookie中。
cookie指网站为了辨别用户身份、进行跟踪而存储在用户本地终端上的数据，有时也称为浏览器缓存。尤其对于用户捕捉的需要后续处理的图像数据，将存储地址保存在cookie中能够有利于用户进行查看，从而进一步改进用户体验。
可选地，所述方法还包括：
接收所述服务器发送的页面数据，所述页面数据由所述服务器根据接收到的图像数据对所述图像数据中包含的目标页面进行处理后得到；
根据所述页面数据，加载显示所述页面数据对应的页面。
对于出现故障的情形，服务器(后台管理系统)在接收到图像数据之后，可以对图像数据所反映的故障进行处理，并在处理之后，向截图插件(或者截图插件所在的浏览器)发送页面数据，此时，截图插件(或者截图插件所在的浏览器)可以根据所述页面数据，加载显示所述页面数据对应的页面，提升用户对浏览器的用户体验。
通过本申请实施例所提供的技术方案，接收截图请求；并基于所述截图请求，触发执行截取操作进而将得到的图像数据直接发送至服务器。这样实现在截取操作完成时自动将图像数据发送至服务器，简化了截图之后发送图像数据的流程，有效改善用户对截图这一功能的用户体验；此外，对于页面出现故障的情况，通过本申请实施例提供的技术方案，能够及时将故障页面的故障状态通过截取的方式捕捉，并且在用户毫无察觉的情况下将截得的图像数据上传至后台管理系统，以保证该故障能够及时被解决，进而确保故障的处理效率。
需要说明的是，本申请实施例可以应用于各种后台类管理系统。当在检测到前端系统出现故障时，触发截图插件执行截取操作，将故障内容转换为图像数据发送给后台管理系统，以便于后台管理系统对前端系统出现的故障进行处理；也可以应用于用户，例如，用户在使用APP或者访问网页时，在需要捕捉信息或者发生故障或者需要其他用户给予帮助时，可以发起截图请求，触发截图插件执行截取操作，将故障内容转换为图像数据发送给后台管理系统或者分享给其他用户，以便于故障问题能够得到解决或者得到其他用户的帮助。
实施例2
基于同一个发明构思，图2为本申请实施例提供的一种截图方法的流程示意图。所述方法可以如下所示。本申请实施例以浏览器为执行主体进行说明。
步骤201：操作系统在检测到浏览器加载的页面发生故障时，生成截图请求。
步骤202：操作系统将该截图请求发送给浏览器。
步骤203：浏览器接收该截图请求。
步骤204：浏览器基于所述截图请求中包含的页面标识/页面地址，确定执行截取操作的目标页面。
步骤205：浏览器基于所述截图请求，触发对所述目标页面执行截取操作。
步骤206：浏览器得到图像数据。
步骤207：浏览器将得到的图像数据转换成Base64字符串。
步骤208：浏览器将得到的所述Base64字符串直接发送至服务器。
通过本申请实施例中所记载的内容，在截取操作完成时自动将图像数据发送至服务器，简化了截图之后发送图像数据的流程，有效改善用户对截图这一功能的用户体验；此外，对于页面出现故障的情况，通过本申请实施例提供的技术方案，能够及时将故障页面的故障状态通过截取的方式捕捉，并且在用户毫无察觉的情况下将截得的图像数据上传至后台管理系统，以保证该故障能够及时被解决，进而确保故障的处理效率。
实施例3
基于同一个发明构思，图3为本申请实施例提供的一种数据处理方法的流程示意图。本申请实施例的执行主体可以为服务器，也可以为后台管理系统，这里以服务器为执行主体进行说明。所述方法可以如下所示。
步骤301：服务器接收截图插件发送的图像数据，所述图像数据是所述截图插件在完成截取操作时直接发送的。
在本申请实施例中，服务器在接收到截图插件(或者浏览器)发送的图像数据，为该图像数据分配存储空间，即确定一个存储地址，并将图像数据存储至该存储地址对应的存储空间中。
可选地，所述方法还包括：
将所述图像数据的存储地址发送给浏览器。
可选地，服务器在接收到图像数据时，可以对图像数据进行解析，确定该图像数据中是否包含链接地址，若存在，则建立链接地址与图像数据之间的映射关系。
若不存在，则判断接收到图像数据时是否还接收到链接地址，若接收到，则建立链接地址与图像数据之间的映射关系。
步骤302：服务器对所述图像数据进行处理。
在本申请实施例中，服务器对图像数据进行分析，确定故障原因，并可以根据链接地址与图像数据之间的映射关系，确定该链接地址对应的页面；基于故障原因，对页面进行故障处理，以排除页面存在的故障。
服务器在排除故障之后，生成页面数据，并将该页面数据发送至浏览器(或者截图插件)，以提示页面故障(或者APP故障)以排除。
通过本申请实施例提供的技术方案，服务器接收截图插件发送的图像数据，所述图像数据是所述截图插件在完成截取操作时直接发送的；并对所述图像数据进行处理。这样能够保证服务器尤其是后台管理系统在前端系统发生故障时，及时获取故障信息，并能够及时对故障进行处理，有效保证了系统的正常运行，提升了整个系统的运行性能，有效改善了用户对系统的使用体验。
实施例4
基于同一个发明构思，图4为本申请实施例提供的一种截图方法的流程示意图。所述方法可以如下所示。
步骤401：操作系统在检测到浏览器加载的页面发生故障时，生成截图请求。
步骤402：操作系统将该截图请求发送给浏览器。
步骤403：浏览器接收该截图请求。
步骤404：浏览器基于所述截图请求中包含的页面标识/页面地址，确定执行截取操作的目标页面。
步骤405：浏览器基于所述截图请求，触发对所述目标页面执行截取操作。
步骤406：浏览器得到图像数据。
步骤407：浏览器将得到的图像数据转换成Base64字符串。
步骤408：浏览器将得到的所述Base64字符串直接发送至服务器。
步骤409：服务器接收截图插件发送的图像数据。
步骤410：服务器存储所述图像数据。
步骤411：服务器将所述图像数据的存储地址发送给浏览器。
需要说明的是，步骤411在本申请实施例中属于可选步骤，不属于必选步骤。
步骤412：服务器对图像数据进行分析，确定故障原因。
步骤413：服务器基于故障原因，对页面进行故障处理。
步骤414：服务器向浏览器发送页面数据。
所述页面数据由所述服务器根据接收到的图像数据对所述图像数据中包含的目标页面进行处理后得到。
步骤415：浏览器接收所述服务器发送的页面数据。
步骤416：浏览器根据所述页面数据，加载显示所述页面数据对应的页面。
实施例5
基于同一个发明构思，图5为本申请实施例提供的一种截图设备的结构示意图。所述截图设备包括：接收单元51和处理单元52，其中：
接收单元51，接收截图请求；
处理单元52，基于所述截图请求，触发执行截取操作并将得到的图像数据直接发送至服务器。
在本申请的另一个实施例中，所述接收单元51接收截图请求，包括：
接收操作系统发送的截图请求，所述截图请求由所述操作系统在检测到页面出现故障时发送的。
在本申请的另一个实施例中，所述处理单元52基于所述截图请求触发执行截取操作，包括：
基于所述截图请求中包含的页面标识/页面地址，确定执行截取操作的目标页面；
触发对所述目标页面执行截取操作。
在本申请的另一个实施例中，所述处理单元52触发对所述目标页面执行截取操作，包括：
触发对所述目标页面的全部或者部分内容执行截取操作。
在本申请的另一个实施例中，所述处理单元52将得到的图像数据直接发送至服务器，包括：
将得到的图像数据转换成Base64字符串；
将得到的所述Base64字符串直接发送至服务器。
在本申请的另一个实施例中，所述截图设备还包括：确定单元53，其中：
所述确定单元53，在基于所述截图请求触发执行截取操作时，确定执行截取操作的目标页面的链接地址；
所述处理单元52将得到的图像数据直接发送至服务器，包括：
将所述链接地址和得到的图像数据直接发送至服务器。
在本申请的另一个实施例中，所述接收单元51，接收所述服务器发送的响应消息，所述响应消息中包含存储地址，所述存储地址由所述服务器在接收到所述图像数据时分配给所述图像数据的。
在本申请的另一个实施例中，所述接收单元51，接收所述服务器发送的页面数据，所述页面数据由所述服务器根据接收到的图像数据对所述图像数据中包含的目标页面进行处理后得到；
所述处理单元52，根据所述页面数据，加载显示所述页面数据对应的页面。
需要说明的是，本申请实施例中所记载的截图设备可以通过硬件方式实现，也可以通过软件方式实现，这里不做具体限定。截图设备在截取操作完成时自动将图像数据发送至服务器，简化了截图之后发送图像数据的流程，有效改善用户对截图这一功能的用户体验；此外，对于页面出现故障的情况，通过本申请实施例提供的技术方案，能够及时将故障页面的故障状态通过截取的方式捕捉，并且在用户毫无察觉的情况下将截得的图像数据上传至后台管理系统，以保证该故障能够及时被解决，进而确保故障的处理效率。
实施例6
基于同一个发明构思，图6为本申请实施例提供的一种数据处理设备的流程示意图。所述数据处理设备包括：接收单元61和处理单元62，其中：
接收单元61，接收截图插件发送的图像数据，所述图像数据是所述截图插件在完成截取操作时直接发送的；
处理单元62，对所述图像数据进行处理。
在本申请的另一个实施例中，所述数据处理设备还包括：存储单元63，其中：
所述存储单元63，存储所述图像数据。
在本申请的另一个实施例中，所述数据处理设备还包括：发送单元64，其中：
发送单元64，将所述图像数据的存储地址发送给浏览器。
需要说明的是，本申请实施例中所记载的数据处理设备可以通过硬件方式实现，也可以通过软件方式实现，这里不做具体限定。数据处理设备能够保证在前端系统发生故障时，及时获取故障信息，并能够及时对故障进行处理，有效保证了系统的正常运行，提升了整个系统的运行性能，有效改善了用户对系统的使用体验。
在20世纪90年代，对于一个技术的改进可以很明显地区分是硬件上的改进(例如，对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而，随着技术的发展，当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此，不能说一个方法流程的改进就不能用硬件实体模块来实现。例如，可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray，FPGA))就是这样一种集成电路，其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片PLD上，而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且，如今，取代手工地制作集成电路芯片，这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现，它与程序开发撰写时所用的软件编译器相类似，而要编译之前的原始代码也得用特定的编程语言来撰写，此称之为硬件描述语言(Hardware Description Language，HDL)，而HDL也并非仅有一种，而是有许多种，如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等，目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚，只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中，就可以很容易得到实现该逻辑方法流程的硬件电路。
控制器可以按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit，ASIC)、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
以上所述仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (22)

1.一种截图方法，其特征在于，应用于浏览器，包括：
截图插件接收截图请求；
所述截图插件基于所述截图请求，触发执行截取操作并将得到的图像数据直接发送至服务器。
2.根据权利要求1所述的截图方法，其特征在于，截图插件接收截图请求，包括：
截图插件接收操作系统发送的截图请求，所述截图请求由所述操作系统在检测到页面出现故障时发送的。
3.根据权利要求1所述的截图方法，其特征在于，所述截图插件基于所述截图请求触发执行截取操作，包括：
所述截图插件基于所述截图请求中包含的页面标识/页面地址，确定执行截取操作的目标页面；
所述截图插件触发对所述目标页面执行截取操作。
4.根据权利要求3所述的截图方法，其特征在于，所述截图插件触发对所述目标页面执行截取操作，包括：
所述截图插件触发对所述目标页面的全部或者部分内容执行截取操作。
5.根据权利要求1所述的截图方法，其特征在于，所述截图插件将得到的图像数据直接发送至服务器，包括：
所述截图插件将得到的图像数据转换成Base64字符串；
所述截图插件将得到的所述Base64字符串直接发送至服务器。
6.根据权利要求1所述的截图方法，其特征在于，所述截图插件在基于所述截图请求触发执行截取操作时，所述方法还包括：
所述截图插件确定执行截取操作的目标页面的链接地址；
所述截图插件将得到的图像数据直接发送至服务器，包括：
所述截图插件将所述链接地址和得到的图像数据直接发送至服务器。
7.根据权利要求1至6任一项所述的截图方法，其特征在于，所述方法还包括：
接收所述服务器发送的响应消息，所述响应消息中包含存储地址，所述存储地址由所述服务器在接收到所述图像数据时分配给所述图像数据的。
8.根据权利要求1至6任一项所述的截图方法，其特征在于，所述方法还包括：
接收所述服务器发送的页面数据，所述页面数据由所述服务器根据接收到的图像数据对所述图像数据中包含的目标页面进行处理后得到；
根据所述页面数据，加载显示所述页面数据对应的页面。
9.一种数据处理方法，其特征在于，包括：
接收截图插件发送的图像数据，所述图像数据是所述截图插件在完成截取操作时直接发送的；
对所述图像数据进行处理。
10.根据权利要求9所述的数据处理方法，其特征在于，所述方法还包括：
存储所述图像数据。
11.根据权利要求10所述的数据处理方法，其特征在于，所述方法还包括：
将所述图像数据的存储地址发送给浏览器。
12.一种截图设备，其特征在于，应用于浏览器，包括：
接收单元，接收截图请求；
处理单元，基于所述截图请求，触发执行截取操作并将得到的图像数据直接发送至服务器。
13.根据权利要求12所述的截图设备，其特征在于，所述接收单元接收截图请求，包括：
接收操作系统发送的截图请求，所述截图请求由所述操作系统在检测到页面出现故障时发送的。
14.根据权利要求12所述的截图设备，其特征在于，所述处理单元基于所述截图请求触发执行截取操作，包括：
基于所述截图请求中包含的页面标识/页面地址，确定执行截取操作的目标页面；
触发对所述目标页面执行截取操作。
15.根据权利要求14所述的截图设备，其特征在于，所述处理单元触发对所述目标页面执行截取操作，包括：
触发对所述目标页面的全部或者部分内容执行截取操作。
16.根据权利要求12所述的截图设备，其特征在于，所述处理单元将得到的图像数据直接发送至服务器，包括：
将得到的图像数据转换成Base64字符串；
将得到的所述Base64字符串直接发送至服务器。
17.根据权利要求12所述的截图设备，其特征在于，所述截图设备还包括：确定单元，其中：
所述确定单元，在基于所述截图请求触发执行截取操作时，确定执行截取操作的目标页面的链接地址；
所述处理单元将得到的图像数据直接发送至服务器，包括：
将所述链接地址和得到的图像数据直接发送至服务器。
18.根据权利要求12至17任一项所述的截图设备，其特征在于，
所述接收单元，接收所述服务器发送的响应消息，所述响应消息中包含存储地址，所述存储地址由所述服务器在接收到所述图像数据时分配给所述图像数据的。
19.根据权利要求12至17任一项所述的截图设备，其特征在于，
所述接收单元，接收所述服务器发送的页面数据，所述页面数据由所述服务器根据接收到的图像数据对所述图像数据中包含的目标页面进行处理后得到；
所述处理单元，根据所述页面数据，加载显示所述页面数据对应的页面。
20.一种数据处理设备，其特征在于，包括：
接收单元，接收截图插件发送的图像数据，所述图像数据是所述截图插件在完成截取操作时直接发送的；
处理单元，对所述图像数据进行处理。
21.根据权利要求20所述的数据处理设备，其特征在于，所述数据处理设备还包括：存储单元，其中：
所述存储单元，存储所述图像数据。
22.根据权利要求21所述的数据处理设备，其特征在于，所述数据处理设备还包括：发送单元，其中：
发送单元，将所述图像数据的存储地址发送给浏览器。
CN201611024904.3A 2016-11-17 2016-11-17 一种截图、数据处理方法及设备 Active CN107040574B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201611024904.3A CN107040574B (zh) 2016-11-17 2016-11-17 一种截图、数据处理方法及设备

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201611024904.3A CN107040574B (zh) 2016-11-17 2016-11-17 一种截图、数据处理方法及设备

Publications (2)

Publication Number Publication Date
CN107040574A true CN107040574A (zh) 2017-08-11
CN107040574B CN107040574B (zh) 2020-03-27

Family

ID=59530291

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201611024904.3A Active CN107040574B (zh) 2016-11-17 2016-11-17 一种截图、数据处理方法及设备

Country Status (1)

Country Link
CN (1) CN107040574B (zh)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109240931A (zh) * 2018-09-21 2019-01-18 百度在线网络技术（北京）有限公司 问题反馈信息处理方法和装置
CN109284045A (zh) * 2018-09-13 2019-01-29 武汉轻工大学 一种基于浏览器插件的按元素截图方法及装置
CN109885219A (zh) * 2018-12-29 2019-06-14 航天信息股份有限公司 业务办理引导方法、装置及计算机可读存储介质
CN110046077A (zh) * 2018-01-17 2019-07-23 阿里巴巴集团控股有限公司 信息处理方法、装置、页面、电子设备及服务器
WO2019210667A1 (zh) * 2018-05-03 2019-11-07 广州视源电子科技股份有限公司 屏幕画面传输方法、装置、服务器、系统及存储介质
CN111814014A (zh) * 2019-04-10 2020-10-23 阿里巴巴集团控股有限公司 信息交互方法、设备以及存储介质
CN113259224A (zh) * 2018-04-11 2021-08-13 创新先进技术有限公司 一种客服数据发送的方法及装置

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8060852B1 (en) * 2009-06-23 2011-11-15 Cadence Design Systems, Inc. Method and system for screening nets in a post-layout environment
CN102609349A (zh) * 2012-02-08 2012-07-25 北京百度网讯科技有限公司 服务器故障截屏方法及系统
CN102929604A (zh) * 2012-09-29 2013-02-13 北京奇虎科技有限公司 截图装置和方法
CN103546907A (zh) * 2012-07-11 2014-01-29 深圳市世纪光速信息技术有限公司 一种无线应用协议网页的测试系统及测试方法
CN103678105A (zh) * 2012-09-17 2014-03-26 百度在线网络技术（北京）有限公司 一种页面代码的测试方法和装置
CN104035869A (zh) * 2014-06-19 2014-09-10 科大讯飞股份有限公司 一种应用的评测方法、终端及服务器
CN104679625A (zh) * 2013-12-02 2015-06-03 鸿富锦精密工业（深圳）有限公司 电脑系统及其测试方法

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8060852B1 (en) * 2009-06-23 2011-11-15 Cadence Design Systems, Inc. Method and system for screening nets in a post-layout environment
CN102609349A (zh) * 2012-02-08 2012-07-25 北京百度网讯科技有限公司 服务器故障截屏方法及系统
CN103546907A (zh) * 2012-07-11 2014-01-29 深圳市世纪光速信息技术有限公司 一种无线应用协议网页的测试系统及测试方法
CN103678105A (zh) * 2012-09-17 2014-03-26 百度在线网络技术（北京）有限公司 一种页面代码的测试方法和装置
CN102929604A (zh) * 2012-09-29 2013-02-13 北京奇虎科技有限公司 截图装置和方法
CN104679625A (zh) * 2013-12-02 2015-06-03 鸿富锦精密工业（深圳）有限公司 电脑系统及其测试方法
CN104035869A (zh) * 2014-06-19 2014-09-10 科大讯飞股份有限公司 一种应用的评测方法、终端及服务器

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110046077A (zh) * 2018-01-17 2019-07-23 阿里巴巴集团控股有限公司 信息处理方法、装置、页面、电子设备及服务器
CN113259224A (zh) * 2018-04-11 2021-08-13 创新先进技术有限公司 一种客服数据发送的方法及装置
CN113259224B (zh) * 2018-04-11 2022-07-26 创新先进技术有限公司 一种客服数据发送的方法及装置
WO2019210667A1 (zh) * 2018-05-03 2019-11-07 广州视源电子科技股份有限公司 屏幕画面传输方法、装置、服务器、系统及存储介质
CN109284045A (zh) * 2018-09-13 2019-01-29 武汉轻工大学 一种基于浏览器插件的按元素截图方法及装置
CN109240931A (zh) * 2018-09-21 2019-01-18 百度在线网络技术（北京）有限公司 问题反馈信息处理方法和装置
CN109885219A (zh) * 2018-12-29 2019-06-14 航天信息股份有限公司 业务办理引导方法、装置及计算机可读存储介质
CN111814014A (zh) * 2019-04-10 2020-10-23 阿里巴巴集团控股有限公司 信息交互方法、设备以及存储介质
CN111814014B (zh) * 2019-04-10 2024-02-02 阿里巴巴集团控股有限公司 信息交互方法、设备以及存储介质

Also Published As

Publication number Publication date
CN107040574B (zh) 2020-03-27

Similar Documents

Publication Publication Date Title
CN107040574A (zh) 一种截图、数据处理方法及设备
US8843858B2 (en) Optimization schemes for controlling user interfaces through gesture or touch
US9996631B2 (en) Information management and display in web browsers
US10754917B2 (en) Method and system for displaying customized webpage on double webview
US9152529B2 (en) Systems and methods for dynamically altering a user interface based on user interface actions
US11726736B2 (en) System to facilitate interaction during a collaborative screen sharing session
WO2016090888A1 (zh) 图标的移动方法、装置、设备及非易失性计算机存储介质
US20140115506A1 (en) Systems And Methods For Measurement Of User Interface Actions
US11507269B2 (en) Technologies for indicating third party content and resources on mobile devices
US10726095B1 (en) Network content layout using an intermediary system
US20210256077A1 (en) Methods, devices and computer-readable storage media for processing a hosted application
CN106485173B (zh) 敏感信息展示方法和装置
US20120278712A1 (en) Multi-input gestures in hierarchical regions
US20130073945A1 (en) Dynamic reorganization of page elements of a web application
WO2019056902A1 (zh) 分享信息的处理方法、设备及计算机可读存储介质
US20230418692A1 (en) File upload modifications for client side applications
WO2019105391A1 (zh) 无线局域网络的连接方法、设备及计算机可读存储介质
US20200356251A1 (en) Conversion of handwriting to text in text fields
US9436669B1 (en) Systems and methods for interfacing with dynamic web forms
EP3364326B1 (en) Method and apparatus for generating password by means of pressure touch control
US10261979B2 (en) Method and apparatus for rendering a screen-representation of an electronic document
US20140380199A1 (en) System and method for contextually enriching content of a referrer page when returning from a landing page
Fernandes et al. Quality attributes for mobile applications
KR102324518B1 (ko) 딥러닝을 기초로 서버 보안정책을 수행하는 게이트웨이 장치 및 그것의 제어 방법
US20150205585A1 (en) Delayed compiling of scripting language code

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
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 1241589

Country of ref document: HK

GR01 Patent grant
GR01 Patent grant
TR01 Transfer of patent right
TR01 Transfer of patent right

Effective date of registration: 20201016

Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Patentee after: Innovative advanced technology Co.,Ltd.

Address before: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Patentee before: Advanced innovation technology Co.,Ltd.

Effective date of registration: 20201016

Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Patentee after: Advanced innovation technology Co.,Ltd.

Address before: A four-storey 847 mailbox in Grand Cayman Capital Building, British Cayman Islands

Patentee before: Alibaba Group Holding Ltd.