CN116795607A - 页面截图的校验方法和装置、存储介质及电子设备 - Google Patents

Abstract

本申请公开了一种页面截图的校验方法和装置、存储介质及电子设备。其中，该方法包括：获取页面截图请求消息，在页面截图请求消息用于请求对第一页面进行截图、且页面截图请求消息包括为第一页面预先配置的第一配置页面参数的情况下，通过执行预先配置的第一页面校验脚本，获取标识表示的第一页面的第一实际页面参数，比对第一实际页面参数与第一配置页面参数，得到第一校验结果，在第一校验结果表示第一实际页面参数与第一配置页面参数匹配的情况下，对第一页面进行截图操作，得到目标截图。本申请实施例可应用于云技术、人工智能、智慧交通、辅助驾驶等各种场景，本申请解决了相关技术中存在的页面截图的效率较低的技术问题。

Description

页面截图的校验方法和装置、存储介质及电子设备

技术领域

本申请涉及计算机领域，具体而言，涉及一种页面截图的校验方法和装置、存储介质及电子设备。

背景技术

目前相关技术中，对开发者需要进行检测的页面，通常是采用事后比对的方式，基于开发者已经完成截取操作的图片，在上报至服务器后进行判断，具体判断的方式一般为人工审核或者图像识别，无论是人工审核方式，还是图像识别方式都是事后检测的方式，需要先对页待检测的页面进行截图，然后，才能实现检测。

上述检测方式难以第一时间发现已出错的页面，并且对于已出错的页面仍然会使用资源进行截取，导致资源浪费，当大量请求来临时，还会影响正常页面的截图处理。

因此，相关技术中会存在页面截图的效率较低的技术问题。

针对上述的问题，目前尚未提出有效的解决方案。

发明内容

本申请实施例提供了一种页面截图的校验方法和装置、存储介质及电子设备，以至少解决相关技术中存在的页面截图的效率较低的技术问题。

根据本申请实施例的一个方面，提供了一种页面截图的校验方法，包括：获取页面截图请求消息，其中，所述页面截图请求消息包括待截图的第一页面的标识；在所述页面截图请求消息用于请求对所述第一页面进行截图、且所述页面截图请求消息包括为所述第一页面预先配置的第一配置页面参数的情况下，通过执行预先配置的第一页面校验脚本，获取所述标识表示的所述第一页面的第一实际页面参数，比对所述第一实际页面参数与所述第一配置页面参数，得到第一校验结果；在所述第一校验结果表示所述第一实际页面参数与所述第一配置页面参数匹配的情况下，对所述第一页面进行截图操作，得到目标截图。

根据本申请实施例的另一方面，还提供了一种页面截图的校验装置，包括：获取模块，用于获取页面截图请求消息，其中，所述页面截图请求消息包括待截图的第一页面的标识；校验模块，用于在所述页面截图请求消息用于请求对所述第一页面进行截图、且所述页面截图请求消息包括为所述第一页面预先配置的第一配置页面参数的情况下，通过执行预先配置的第一页面校验脚本，获取所述标识表示的所述第一页面的第一实际页面参数，比对所述第一实际页面参数与所述第一配置页面参数，得到第一校验结果；截图模块，用于在所述第一校验结果表示所述第一实际页面参数与所述第一配置页面参数匹配的情况下，对所述第一页面进行截图操作，得到目标截图。

可选地，所述装置还用于：在所述第一校验结果表示所述第一实际页面参数与所述第一配置页面参数不匹配的情况下，取消对所述第一页面进行所述截图操作，并生成错误提示信息。

可选地，所述装置还用于：所述在通过执行预先配置的第一页面校验脚本，获取所述标识表示的所述第一页面的第一实际页面参数，比对所述第一实际页面参数与所述第一配置页面参数，得到第一校验结果之前，响应于所述页面截图请求消息，生成截图任务，其中，所述截图任务用于对所述第一页面进行所述截图操作；在当前待执行的任务为所述截图任务的情况下，将所述第一页面校验脚本插入到所述第一页面的页面代码中，得到第一页面代码。

可选地，所述装置用于通过如下方式通过执行预先配置的第一页面校验脚本，获取所述标识表示的所述第一页面的第一实际页面参数，比对所述第一实际页面参数与所述第一配置页面参数，得到第一校验结果：通过执行所述第一页面代码中的所述第一页面校验脚本，获取所述标识表示的所述第一页面的第一实际页面参数，并比对所述第一实际页面参数与所述第一配置页面参数；在所述第一实际页面参数与所述第一配置页面参数相同的情况下，生成所述第一校验结果，其中，所述第一校验结果用于表示所述第一实际页面参数与所述第一配置页面参数匹配；在所述第一实际页面参数与所述第一配置页面参数不同的情况下，生成所述第一校验结果，其中，所述第一校验结果用于表示所述第一实际页面参数与所述第一配置页面参数不匹配；或者在所述第一实际页面参数与所述第一配置页面参数之间的差值小于或等于第一预设阈值的情况下，生成所述第一校验结果，其中，所述第一校验结果用于表示所述第一实际页面参数与所述第一配置页面参数匹配；在所述第一实际页面参数与所述第一配置页面参数之间的差值大于所述第一预设阈值的情况下，生成所述第一校验结果，其中，所述第一校验结果用于表示所述第一实际页面参数与所述第一配置页面参数不匹配。

可选地，所述装置还用于：在所述页面截图请求消息用于请求对第二页面进行截图、且所述页面截图请求消息包括为所述第二页面预先配置的第二配置页面参数的情况下，通过所述标识访问所述第一页面，并通过预先配置的目标触发器，在所述第一页面上执行目标操作，得到所述第二页面；通过执行预先配置的第二页面校验脚本，获取所述第二页面的第二实际页面参数，比对所述第二实际页面参数与所述第二配置页面参数，得到第二校验结果；在所述第二校验结果表示所述第二实际页面参数与所述第二配置页面参数匹配的情况下，对所述第二页面进行截图操作，得到所述目标截图。

可选地，所述装置用于通过如下方式通过预先配置的目标触发器，在所述第一页面上执行目标操作，得到所述第二页面：在所述目标触发器包括页面点击触发器的情况下，在所述第一页面上对所述第一页面中显示的目标元素执行点击操作，响应于所述点击操作，将所述第一页面更新为所述第二页面；或者在所述目标触发器包括响应等待触发器的情况下，在所述第一页面上执行响应等待操作，得到所述第二页面；或者在所述目标触发器包括超时等待触发器的情况下，在所述第一页面上执行超时等待操作，得到所述第二页面。

可选地，所述装置用于通过如下方式在所述第一页面上执行响应等待操作，得到所述第二页面：在所述第一页面上获取目标页面请求，其中，所述目标页面请求用于请求从所述第一页面更新至所述第二页面；在所述目标页面请求响应完成时，将所述第一页面更新至所述第二页面。

可选地，所述装置用于通过如下方式在所述第一页面上执行超时等待操作，得到所述第二页面：在所述第一页面上等待目标时长；在所述目标时长超过预设时长阈值的情况下，将所述第一页面更新至所述第二页面。

可选地，所述装置还用于：在获取所述页面截图请求消息之后，为发送所述页面截图请求消息的目标帐号生成用于身份鉴权的目标签名串；根据所述目标签名串对所述目标帐号进行身份鉴权，得到身份鉴权结果，其中，所述身份鉴权结果用于表示是否允许所述目标帐号对所述第一页面进行截图操作；在所述目标签名串通过校验的情况下，确定所述身份鉴权结果表示允许所述目标帐号对所述第一页面进行截图操作。

可选地，所述装置用于通过如下方式为发送所述页面截图请求消息的目标帐号生成用于身份鉴权的目标签名串：为所述目标帐号分配全局唯一的目标密钥；根据所述页面截图请求消息的时间戳、所述页面截图请求消息的请求路径、所述目标密钥生成所述目标签名串。

可选地，所述装置用于通过如下方式对所述第一页面进行截图操作，得到目标截图：在所述页面截图请求消息用于请求对所述第一页面的全部区域进行截图的情况下，对所述第一页面的全部区域进行截图操作，得到所述目标截图；或者在所述页面截图请求消息用于请求对所述第一页面的部分区域进行截图的情况下，对所述第一页面的部分区域进行截图操作，得到所述目标截图；或者在所述页面截图请求消息用于请求对所述第一页面的目标元素进行截图的情况下，对所述目标元素进行截图操作，得到所述目标截图。

可选地，所述装置还用于：所述在对所述第一页面进行截图操作，得到目标截图之后，对所述目标截图进行数据分析，得到分析结果，其中，所述分析结果包括如下至少之一：页面浏览达到次数，其中，所述页面浏览达到次数表示用户浏览所述第一页面的次数；停留时长，其中，所述停留时长表示所述用户在所述第一页面上停留的时长。

根据本申请实施例的又一方面，还提供了一种计算机可读的存储介质，该计算机可读的存储介质中存储有计算机程序，其中，该计算机程序被设置为运行时执行上述页面截图的校验方法。

根据本申请实施例的又一方面，提供一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行如以上页面截图的校验方法。

根据本申请实施例的又一方面，还提供了一种电子设备，包括存储器和处理器，上述存储器中存储有计算机程序，上述处理器被设置为通过所述计算机程序执行上述的页面截图的校验方法。

在本申请实施例中，采用获取页面截图请求消息，其中，页面截图请求消息包括待截图的第一页面的标识，在页面截图请求消息用于请求对第一页面进行截图、且页面截图请求消息包括为第一页面预先配置的第一配置页面参数的情况下，通过执行预先配置的第一页面校验脚本，获取标识表示的第一页面的第一实际页面参数，比对第一实际页面参数与第一配置页面参数，得到第一校验结果，在第一校验结果表示第一实际页面参数与第一配置页面参数匹配的情况下，对第一页面进行截图操作，得到目标截图的方式，通过对外提供统一的服务接口，支持开发者截取图片，并对截图内容的准确性进行定制化检测，即时返回校验结果，通过前置检测时机，在截图之前对第一页面做准确性校验，达到了减少错误页面的截图请求的目的，从而实现了提升资源利用率，提高页面截图的效率的技术效果，进而解决了相关技术中存在的页面截图的效率较低的技术问题。

附图说明

此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：

图1是根据本申请实施例的一种可选的页面截图的校验方法的应用环境的示意图；

图2是根据本申请实施例的一种可选的页面截图的校验方法的流程示意图；

图3是根据本申请实施例的一种可选的页面截图的校验方法的示意图；

图4是根据本申请实施例的又一种可选的页面截图的校验方法的示意图；

图5是根据本申请实施例的又一种可选的页面截图的校验方法的示意图；

图6是根据本申请实施例的又一种可选的页面截图的校验方法的示意图；

图7是根据本申请实施例的又一种可选的页面截图的校验方法的示意图；

图8是根据本申请实施例的又一种可选的页面截图的校验方法的示意图；

图9是根据本申请实施例的又一种可选的页面截图的校验方法的示意图；

图10是根据本申请实施例的又一种可选的页面截图的校验方法的示意图；

图11是根据本申请实施例的又一种可选的页面截图的校验方法的示意图；

图12是根据本申请实施例的又一种可选的页面截图的校验方法的示意图；

图13是根据本申请实施例的又一种可选的页面截图的校验方法的示意图；

图14是根据本申请实施例的又一种可选的页面截图的校验方法的示意图；

图15是根据本申请实施例的又一种可选的页面截图的校验方法的示意图；

图16是根据本申请实施例的又一种可选的页面截图的校验方法的示意图；

图17是根据本申请实施例的一种可选的页面截图的校验装置的结构示意图；

图18是根据本申请实施例的一种可选的页面截图的校验产品的结构示意图；

图19是根据本申请实施例的一种可选的电子设备的结构示意图。

具体实施方式

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

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

首先，在对本申请实施例进行描述的过程中出现的部分名词或者术语适用于如下解释：

内置浏览器：内置于系统后台的网页浏览器。

NodeJS：一个JavaScript运行环境。

Puppeteer：一个Nodejs工具库，提供了一系列高级API通过DevTools协议控制内置浏览器。

JS脚本：一种由Ecma国际(前身为欧洲计算机制造商协会，European ComputerManufacturers Association)通过ECMA-262标准化的脚本程序设计语言，主要应用于web开发。

下面结合实施例对本申请进行说明：

根据本申请实施例的一个方面，提供了一种页面截图的校验方法，可选地，在本实施例中，上述页面截图的校验方法可以应用于如图1所示的由服务器101和终端设备103所构成的硬件环境中。如图1所示，服务器101通过网络与终端103进行连接，可用于为终端设备或终端设备上安装的应用程序提供服务，应用程序可以是视频应用程序、即时通信应用程序、浏览器应用程序、教育应用程序、游戏应用程序等。可在服务器上或独立于服务器设置数据库105，用于为服务器101提供数据存储服务，例如，页面数据存储服务器，上述网络可以包括但不限于：有线网络，无线网络，其中，该有线网络包括：局域网、城域网和广域网，该无线网络包括：蓝牙、WIFI及其他实现无线通信的网络，终端设备103可以是配置有应用程序的终端，可以包括但不限于以下至少之一：手机(如Android手机、iOS手机等)、笔记本电脑、平板电脑、掌上电脑、MID(Mobile Internet Devices，移动互联网设备)、PAD、台式电脑、智能电视、智能语音交互设备、智能家电、车载终端、飞行器等计算机设备，上述服务器可以是单一服务器，也可以是由多个服务器组成的服务器集群，或者是云服务器，使用上述页面截图的校验方法的应用程序107通过终端设备103或其他连接的显示设备进行显示。

结合图1所示，上述页面截图的校验方法可以在终端设备103通过如下步骤实现：

S1，在终端设备103上获取页面截图请求消息，其中，页面截图请求消息包括待截图的第一页面的标识；

S2，在页面截图请求消息用于请求对第一页面进行截图、且页面截图请求消息包括为第一页面预先配置的第一配置页面参数的情况下，在终端设备103上通过执行预先配置的第一页面校验脚本，获取标识表示的第一页面的第一实际页面参数，比对第一实际页面参数与第一配置页面参数，得到第一校验结果；

S3，在第一校验结果表示第一实际页面参数与第一配置页面参数匹配的情况下，在终端设备103上对第一页面进行截图操作，得到目标截图。

可选地，在本实施例中，上述页面截图的校验方法还可以通过服务器实现，例如，图1所示的服务器101中实现；或由用户终端和服务器共同实现。

上述仅是一种示例，本实施例不做具体的限定。

可选地，作为一种可选的实施方式，如图2所示，上述页面截图的校验方法包括：

S202，获取页面截图请求消息，其中，页面截图请求消息包括待截图的第一页面的标识；

S204，在页面截图请求消息用于请求对第一页面进行截图、且页面截图请求消息包括为第一页面预先配置的第一配置页面参数的情况下，通过执行预先配置的第一页面校验脚本，获取标识表示的第一页面的第一实际页面参数，比对第一实际页面参数与第一配置页面参数，得到第一校验结果；

S206，在第一校验结果表示第一实际页面参数与第一配置页面参数匹配的情况下，对第一页面进行截图操作，得到目标截图。

可选地，在本申请实施例中，上述页面截图的校验方法可应用于各种场景，包括但不限于云技术、人工智能、智慧交通、辅助驾驶等，本申请还可以应用于各种应用程序、小程序、网页的广告页面校验过程中。

可选地，在本申请实施例中，上述页面截图请求消息可以包括但不限于由使用者在客户端上生成的请求消息，用于请求对第一页面进行截图，得到上述目标截图。上述页面截图请求消息中具体包括但不限于第一页面的标识、预先配置的与第一页面关联的第一配置页面参数等。

需要说明的是，可以包括但不限于通过页面截图请求消息得知上述第一页面的请求路径，还可以得知上述第一页面对应的第一配置页面参数。

可选地，在本申请实施例中，上述第一页面可以包括但不限于预设的应用程序、小程序、网页等的显示页面，上述第一页面的标识可以包括但不限于第一页面的网络地址url(Uniform Resource Locator，统一资源定位器)，还可以包括但不限于第一页面的索引号、跳转代码等能够查找到上述第一页面的标识。

例如，图3是根据本申请实施例的一种可选的页面截图的校验方法的示意图，上述第一页面可以包括但不限于如图3所示，以应用程序为例，在内置浏览器的初始页面中，根据页面截图请求消息输入关联第一页面的标识http://x.11，此时，在内置浏览器中显示第一页面的显示画面，包括但不限于控件元素和图像元素，其中，控件元素和图像元素是由该页面的页面实际参数确定的。

可选地，在本申请实施例中，上述为第一页面预先配置的第一配置页面参数可以包括但不限于使用者在创建第一页面时配置的配置页面参数，还可以包括但不限于使用者在维护第一页面时配置的配置页面参数。

例如，图4是根据本申请实施例的另一种可选的页面截图的校验方法的示意图，上述第一页面可以包括但不限于如图4所示，页面402是根据使用者预先配置的第一配置页面参数得到的页面，页面404和页面406是根据使用者发送页面截图请求消息后，后台系统将第一页面的标识输入内置浏览器中得到的与第一实际页面参数对应的页面，由图4可知，页面402与页面404相同，但与页面406不同，这是由于页面402对应的第一配置页面参数与页面404对应的第一实际页面参数相匹配，页面402对应的第一配置页面参数与页面406对应的第一实际页面参数不匹配。

可选地，在本申请实施例中，上述第一页面校验脚本是使用者预先配置的页面校验脚本，用于根据第一配置页面参数对第一页面当前的第一实际页面参数进行比对。

需要说明的是，上述第一页面校验脚本可以包括但不限于JS脚本，将JS脚本作为规则定义的载体，全面采用标准JS规范，使用者可以很轻松地定义页面检测规则，大幅降低使用门槛，利用JS动态插入机制，将检测脚本动态插入第一页面，在对第一页面进行截图之前，对第一页面进行准确性校验。

具体而言，可以包括但不限于比对第一实际页面参数中包括的页面元素与第一配置页面参数中包括的页面元素的参数值是否相同，例如，页面元素的尺寸值、坐标值等，还可以包括但不限于比对第一实际页面参数与第一配置页面参数所包括的页面元素的数量是否相等。

可选地，在本申请实施例中，上述第一校验结果可以包括但不限于表示第一实际页面参数与第一配置页面参数匹配或者不匹配，还可以包括但不限于为第一实际页面参数中部分页面参数与第一配置页面参数中部分页面参数匹配，第一实际页面参数中部分页面参数与第一配置页面参数中部分页面参数不匹配。

具体而言，可以包括但不限于表示为结果码，根据结果码在预设数据库中查询对应的第一校验结果，还可以包括但不限于表示为错误提示信息，以在不匹配的情况下，告知使用者造成第一实际页面参数与第一配置页面参数不匹配的具体原因。

可选地，在本申请实施例中，上述截图操作可以包括但不限于对第一页面的全部区域或部分区域或某个页面元素进行截图操作，可以根据页面截图请求消息确定。

例如，图5是根据本申请实施例的又一种可选的页面截图的校验方法的示意图，上述第一页面可以包括但不限于如图5所示，以应用程序为例，该第一页面的显示画面中，包括控件元素和图像元素，其中，控件元素和图像元素分别由该页面的代码表示，使用者预先对第一页面中包括的图像元素和控件元素进行预配置，得到符合业务需求的第一配置页面参数，当第一页面需要应用于应用程序时，获取第一页面对应的页面代码，并将预先配置的第一页面校验脚本插入上述页面代码中，当需要对第一页面进行截图操作时，通过执行第一页面校验脚本，获取第一页面当前的实际页面参数作为上述第一实际页面参数，并比对第一实际页面参数与第一配置页面参数，得到第一校验结果，在第一校验结果表示第一实际页面参数与第一配置页面参数匹配的情况下，对第一页面进行截图操作，得到目标截图。

需要说明的是，在得到上述目标截图之后，可以将上述目标截图上传至数据分析服务器进行数据分析，例如，第一页面的页面浏览达到分析、停留时长分析、页面点击率分析、页面转化率分析等。

通过本申请实施例，采用获取页面截图请求消息，其中，页面截图请求消息包括待截图的第一页面的标识，在页面截图请求消息用于请求对第一页面进行截图、且页面截图请求消息包括为第一页面预先配置的第一配置页面参数的情况下，通过执行预先配置的第一页面校验脚本，获取标识表示的第一页面的第一实际页面参数，比对第一实际页面参数与第一配置页面参数，得到第一校验结果，在第一校验结果表示第一实际页面参数与第一配置页面参数匹配的情况下，对第一页面进行截图操作，得到目标截图的方式，通过对外提供统一的服务接口，支持开发者截取图片，并对截图内容的准确性进行定制化检测，即时返回校验结果，通过前置检测时机，在截图之前对第一页面做准确性校验，达到了减少错误页面的截图请求的目的，从而实现了提升资源利用率，提高页面截图的效率的技术效果，进而解决了相关技术中存在的页面截图的效率较低的技术问题。

作为一种可选的方案，方法还包括：

在第一校验结果表示第一实际页面参数与第一配置页面参数不匹配的情况下，取消对第一页面进行截图操作，并生成错误提示信息。

可选地，在本申请实施例中，上述取消对第一页面进行截图操作可以包括但不限于取消对对第一页面进行截图操作的截图任务，上述生成错误提示信息可以包括但不限于生成能够标识上述第一实际页面参数与第一配置页面参数不匹配的原因的提示信息。

例如，图6是根据本申请实施例的又一种可选的页面截图的校验方法的示意图，上述第一页面可以包括但不限于如图6所示，以应用程序为例，该第一页面的显示画面中，包括控件元素和图像元素，使用者预先对第一页面中包括的图像元素和控件元素进行预配置，得到符合业务需求的第一配置页面参数对应的第一页面，当第一页面需要应用于应用程序时，由于该第一页面可能由其他使用者或其它因素导致第一页面中的元素发生了改变，使得第一页面中图像元素或控件元素的尺寸、位置等页面参数发生了改变，此时，第一页面无法按照第一配置页面参数进行显示，也即，第一实际页面参数与第一配置页面参数不相同时，则取消对第一页面进行的截图操作，避免对无效或错误的页面也进行截图。

通过本申请实施例，采用在第一校验结果表示第一实际页面参数与第一配置页面参数不匹配的情况下，取消对第一页面进行截图操作，并生成错误提示信息的方式，通过对外提供统一的服务接口，支持开发者截取图片，并对截图内容的准确性进行定制化检测，当校验结果表示不匹配时，可以及时取消截图操作，缩短了页面截图周期，提前发现页面错误。同时会过滤不合规则的页面，减少错误页面的截图请求，提升资源利用率。

作为一种可选的方案，在通过执行预先配置的第一页面校验脚本，获取标识表示的第一页面的第一实际页面参数，比对第一实际页面参数与第一配置页面参数，得到第一校验结果之前，方法还包括：

响应于页面截图请求消息，生成截图任务，其中，截图任务用于对第一页面进行截图操作；

在当前待执行的任务为截图任务的情况下，将第一页面校验脚本插入到第一页面的页面代码中，得到第一页面代码。

可选地，在本申请实施例中，可选地，在本申请实施例中，上述截图任务是后台系统获取到页面截图请求消息后生成的截图任务，在生成截图任务之后，可以将截图任务存储至CMQ中，其中，消息队列CMQ(Cloud Message Queue，CMQ)是一种分布式消息队列服务，能够提供可靠的基于消息的异步通信机制，能够将分布式部署的不同应用(或同一应用的不同组件)之间的收发消息，存储在可靠有效的CMQ队列中，防止消息丢失。CMQ支持多进程同时读写，收发互不干扰，无需各应用或组件始终处于运行状态，当CMQ中待执行的任务为上述截图任务时，从CMQ中取出截图任务，并将第一页面校验脚本插入到第一页面的页面代码中，得到第一页面代码。

需要说明的是，当后台系统的内置浏览区运行第一页面代码时，则开始根据第一页面的标识查找第一页面，并比对第一实际页面参数和第一配置页面参数是否匹配。

可选地，在本申请实施例中，上述将第一页面校验脚本插入到第一页面的页面代码可以包括但不限于以动态插入的方式实现，具体而言，利用内置浏览器的JS脚本动态插入机制，在页面截图之前将JS校验脚本插入页面中，然后通过控制引擎Puppeteer发送脚本执行命令，执行脚本内容，最后将脚本执行结果返回给后台系统，由后台系统分类处理。

通过本申请实施例，采用响应于页面截图请求消息，生成截图任务，其中，截图任务用于对第一页面进行截图操作，在当前待执行的任务为截图任务的情况下，将第一页面校验脚本插入到第一页面的页面代码中，得到第一页面代码的方式，可以将第一校验脚本插入到当前页面，由于第一校验脚本和第一页面的执行环境相同，因此，第一校验脚本能够获取到第一页面的全部内容，开发者可以十分方便地进行各种后续判断，提高了页面的截图效率。

作为一种可选的方案，通过执行预先配置的第一页面校验脚本，获取标识表示的第一页面的第一实际页面参数，比对第一实际页面参数与第一配置页面参数，得到第一校验结果，包括：

通过执行第一页面代码中的第一页面校验脚本，获取标识表示的第一页面的第一实际页面参数，并比对第一实际页面参数与第一配置页面参数；

在第一实际页面参数与第一配置页面参数相同的情况下，生成第一校验结果，其中，第一校验结果用于表示第一实际页面参数与第一配置页面参数匹配；在第一实际页面参数与第一配置页面参数不同的情况下，生成第一校验结果，其中，第一校验结果用于表示第一实际页面参数与第一配置页面参数不匹配；或者

在第一实际页面参数与第一配置页面参数之间的差值小于或等于第一预设阈值的情况下，生成第一校验结果，其中，第一校验结果用于表示第一实际页面参数与第一配置页面参数匹配；在第一实际页面参数与第一配置页面参数之间的差值大于第一预设阈值的情况下，生成第一校验结果，其中，第一校验结果用于表示第一实际页面参数与第一配置页面参数不匹配。

可选地，在本申请实施例中，上述执行第一页面代码中的第一页面校验脚本，获取标识表示的第一页面的第一实际页面参数可以包括但不限于执行第一页面校验脚本，以获取第一页面的第一实际页面参数，具体而言，可以包括但不限于在后台系统的内置浏览器中根据上述标识跳转至上述第一页面，以获取上述第一实际页面参数。

可选地，在本申请实施例中，上述第一实际页面参数与第一配置页面参数匹配可以包括但不限于第一实际页面参数与第一配置页面参数相同，例如，在上述第一实际页面参数与第一配置页面参数分别包括多个参数时，上述多个参数中每个参数均相同时，则第一实际页面参数与第一配置页面参数匹配，还可以包括但不限于第一实际页面参数与第一配置页面参数之间的差值小于或等于第一预设阈值，例如，在上述第一实际页面参数与第一配置页面参数分别包括多个参数时，上述多个参数中部分或全部参数的差值小于或等于第一预设阈值时，则第一实际页面参数与第一配置页面参数匹配。

可选地，在本申请实施例中，上述第一实际页面参数与第一配置页面参数不匹配可以包括但不限于第一实际页面参数与第一配置页面参数不相同，例如，在上述第一实际页面参数与第一配置页面参数分别包括多个参数时，上述多个参数中存在不相同的任意参数时，则第一实际页面参数与第一配置页面参数不匹配，还可以包括但不限于第一实际页面参数与第一配置页面参数之间的差值大于第一预设阈值，例如，在上述第一实际页面参数与第一配置页面参数分别包括多个参数时，上述多个参数中部分或全部参数的差值大于第一预设阈值时，则第一实际页面参数与第一配置页面参数不匹配。

需要说明的是，在比对上述第一实际页面参数与第一配置页面参数的过程中，可以由使用者预先配置上述第一预设阈值，例如，当第一实际页面参数包括元素A的第一坐标值M，第一配置页面参数包括元素A的第二坐标值N时，当M和N的差值小于或等于上述第一预设阈值时，则第一实际页面参数与第一配置页面参数匹配，当M和N的差值大于上述第一预设阈值时，则第一实际页面参数与第一配置页面参数不匹配。

通过本申请实施例，采用执行第一页面代码中的第一页面校验脚本，获取标识表示的第一页面的第一实际页面参数，并比对第一实际页面参数与第一配置页面参数，以确定第一实际页面参数与第一配置页面参数是否匹配的方式，可以令使用者按照接入文档操作即可，无需单独联系后台系统对接人，减少中间流程，提升接入效率，能够定义标准化的接入流程，进而提高了页面的截图效率。

此外，可以由使用者自定义上述第一预设阈值，以调整不同的页面参数对校验结果的影响力，避免由于细微差别造成的校验失败，提高了页面截图的容错力。

作为一种可选的方案，方法还包括：

在页面截图请求消息用于请求对第二页面进行截图、且页面截图请求消息包括为第二页面预先配置的第二配置页面参数的情况下，通过标识访问第一页面，并通过预先配置的目标触发器，在第一页面上执行目标操作，得到第二页面；

通过执行预先配置的第二页面校验脚本，获取第二页面的第二实际页面参数，比对第二实际页面参数与第二配置页面参数，得到第二校验结果；

在第二校验结果表示第二实际页面参数与第二配置页面参数匹配的情况下，对第二页面进行截图操作，得到目标截图。

可选地，在本申请实施例中，上述第二页面是通过预先配置的目标触发器，在第一页面上执行目标操作得到的。上述目标触发器可以包括但不限于元素点击触发器、响应等待触发器、超时等待触发器等触发器。

可选地，在本申请实施例中，上述为第二页面预先配置的第二配置页面参数可以包括但不限于使用者在创建第二页面时配置的配置页面参数，还可以包括但不限于使用者在维护第二页面时配置的配置页面参数。

例如，图7是根据本申请实施例的又一种可选的页面截图的校验方法的示意图，如图7所示，以应用程序为例，该第一页面的显示画面中，包括图像元素，使用者预先配置上述目标触发器(例如，响应等待触发器，接收到“请求加入”的请求消息进行触发)，并对第二页面中包括的图像元素和控件元素进行预配置，得到符合业务需求的第二配置页面参数，当第二页面需要应用于应用程序时，先通过标识进入第一页面，再通过目标触发器将第一页面更新为第二页面，并获取第二页面对应的页面代码，将预先配置的第二页面校验脚本插入上述第二页面的页面代码中，当需要对第二页面进行截图操作时，通过执行第二页面校验脚本，获取第二页面当前的实际页面参数作为上述第二实际页面参数，并比对第二实际页面参数与第二配置页面参数，得到第二校验结果，在第二校验结果表示第二实际页面参数与第二配置页面参数匹配的情况下，对第二页面进行截图操作，得到目标截图。

通过本申请实施例，采用在页面截图请求消息用于请求对第二页面进行截图、且页面截图请求消息包括为第二页面预先配置的第二配置页面参数的情况下，通过标识访问第一页面，并通过预先配置的目标触发器，在第一页面上执行目标操作，得到第二页面；通过执行预先配置的第二页面校验脚本，获取第二页面的第二实际页面参数，比对第二实际页面参数与第二配置页面参数，得到第二校验结果；在第二校验结果表示第二实际页面参数与第二配置页面参数匹配的情况下，对第二页面进行截图操作，得到目标截图的方式，通过对外提供统一的服务接口，支持开发者截取图片，并对截图内容的准确性进行定制化检测，即时返回校验结果，通过前置检测时机，在截图之前对第一页面更新后的第二页面做准确性校验，达到了减少错误页面的截图请求的目的，从而实现了提升资源利用率，提高页面截图的效率的技术效果，进而解决了相关技术中存在的页面截图的效率较低的技术问题。

作为一种可选的方案，通过预先配置的目标触发器，在第一页面上执行目标操作，得到第二页面，包括：

在目标触发器包括页面点击触发器的情况下，在第一页面上对第一页面中显示的目标元素执行点击操作，响应于点击操作，将第一页面更新为第二页面；或者

在目标触发器包括响应等待触发器的情况下，在第一页面上执行响应等待操作，得到第二页面；或者

在目标触发器包括超时等待触发器的情况下，在第一页面上执行超时等待操作，得到第二页面。

可选地，在本申请实施例中，上述页面点击触发器可以包括但不限于在第一页面上对第一页面中包括的目标元素触发点击操作，以将第一页面更新为第二页面，上述目标元素可以包括但不限于第一页面上的图像元素、文本元素、控件元素等。

例如，图8是根据本申请实施例的又一种可选的页面截图的校验方法的示意图，如图8所示，响应于页面点击触发器，生成对第一页面的“组队”控件的点击指令，以点击操作上述“组队控件”，将第一页面更新为第二页面。

可选地，在本申请实施例中，上述响应等待触发器是在第一页面上等待，直至接收到预设类型的页面请求，将第一页面更新为第二页面，上述超时等待触发器是在第一页面上执行超时等待操作，直至等待时长超过预设时长，将第一页面更新为第二页面。

作为一种可选的方案，在第一页面上执行响应等待操作，得到第二页面，包括：

在第一页面上获取目标页面请求，其中，目标页面请求用于请求从第一页面更新至第二页面；

在目标页面请求响应完成时，将第一页面更新至第二页面。

可选地，在本申请实施例中，上述响应等待触发器可以包括但不限于在第一页面中执行响应等待操作，等待目标页面请求执行完成，以将第一页面更新为第二页面，上述目标页面请求可以包括但不限于接收到的触发请求等。

例如，图9是根据本申请实施例的又一种可选的页面截图的校验方法的示意图，如图9所示，响应于响应等待触发器，生成对第一页面的响应等待指令，当接收到“组队请求”的请求消息时，响应“组队请求”请求消息，将第一页面更新为第二页面。

作为一种可选的方案，在第一页面上执行超时等待操作，得到第二页面，包括：

在第一页面上等待目标时长；

在目标时长超过预设时长阈值的情况下，将第一页面更新至第二页面。

可选地，在本申请实施例中，上述超时等待触发器可以包括但不限于在第一页面中执行超时等待操作，在第一页面等待第一预设时长，以将第一页面更新为第二页面，上述第一预设时长可以包括但不限于由使用者预先配置。

例如，图10是根据本申请实施例的又一种可选的页面截图的校验方法的示意图，如图10所示，响应于超时等待触发器，生成对第一页面的超时等待指令，当在第一页面的等待时长超过第一预设时长时，将第一页面更新为第二页面。

作为一种可选的方案，方法还包括：

在获取页面截图请求消息之后，为发送页面截图请求消息的目标帐号生成用于身份鉴权的目标签名串；

根据目标签名串对目标帐号进行身份鉴权，得到身份鉴权结果，其中，身份鉴权结果用于表示是否允许目标帐号对第一页面进行截图操作；

在目标签名串通过校验的情况下，确定身份鉴权结果表示允许目标帐号对第一页面进行截图操作。

可选地，在本申请实施例中，上述目标签名串是在获取页面截图请求消息之后生成的临时签名串，上述根据目标签名串对目标帐号进行身份鉴权是在获取页面截图请求消息之后，在生成截图任务之前进行身份鉴权，当身份鉴权结果指示允许目标帐号对第一页面进行截图操作的情况下，生成截图任务，开始采用第一页面校验脚本进行校验。上述目标账号即为上述使用者，是发送上述页面截图请求消息的账号。

例如，图11是根据本申请实施例的又一种可选的页面截图的校验方法的示意图，如图11所示，可以包括但不限于如下步骤：

S1，目标账号发起页面截图请求消息，后台系统接收到上述页面截图请求消息；

S2，对目标账号进行防刷校验(例如，图形验证码校验)，其中，可以预设redis数据库完成校验；

S3，对防刷校验成功的目标账号进行身份鉴权；

S4，对身份鉴权成功的目标账号，生成与该页面截图请求消息关联的截图任务。

上述仅是一种示例，本申请实施例不做任何具体的限定。

通过本申请实施例，可以在执行截图操作之前，对需要执行截图操作的账号进行身份鉴权，以提高页面数据的安全性。

作为一种可选的方案，为发送页面截图请求消息的目标帐号生成用于身份鉴权的目标签名串，包括：

为目标帐号分配全局唯一的目标密钥；

根据页面截图请求消息的时间戳、页面截图请求消息的请求路径、目标密钥生成目标签名串。

可选地，在本申请实施例中，上述为目标帐号分配全局唯一的目标密钥可以包括但不限于在接收到页面截图请求消息之后，为上述目标账号分配临时的全局唯一的目标密钥，还可以包括但不限于在目标账号预先注册时，在接收到页面截图请求消息之前，为上述目标账号分配固定的全局唯一的目标密钥。

可选地，在本申请实施例中，上述根据页面截图请求消息的时间戳、页面截图请求消息的请求路径、目标密钥生成目标签名串可以包括但不限于如下步骤实现：

S1，为每个账号单独分配一个唯一的密钥：secret_key(对应于前述的目标密钥)；

S2，借助Hmac加密摘要生成工具，使用SHA1算法，组合当前时间戳timestamp和密钥得到中间加密串：signkey

S3，使用url_encode编码当前请求路径(对应于前述的请求路径或标识)，得到编码后的地址：url

S4，借助Hmac加密摘要生成工具，使用SHA1算法，组合S2、S3步骤得到的结果，生成最终的加密串(对应于前述的目标签名串)。

作为一种可选的方案，对第一页面进行截图操作，得到目标截图，包括：

在页面截图请求消息用于请求对第一页面的全部区域进行截图的情况下，对第一页面的全部区域进行截图操作，得到目标截图；或者

在页面截图请求消息用于请求对第一页面的部分区域进行截图的情况下，对第一页面的部分区域进行截图操作，得到目标截图；或者

在页面截图请求消息用于请求对第一页面的目标元素进行截图的情况下，对目标元素进行截图操作，得到目标截图。

可选地，在本申请实施例中，上述对第一页面的全部区域进行截图可以包括但不限于整个第一页面均执行截图操作，上述对第一页面的部分区域进行截图可以包括但不限于对第一页面中选择的部分区域执行截图操作，上述对第一页面的目标元素进行截图可以包括但不限于对第一页面上选择的控件元素、图片元素、文字元素等进行截图。

需要说明的是，上述选择的方式可以包括但不限于输入尺寸或坐标，或者通过触控操作进行框选。

通过本申请实施例，可以对全页面、页面指定区域或页面某个元素进行截图，进而，可以针对性地实现截图操作，提高了页面的截图效率。

作为一种可选的方案，在对第一页面进行截图操作，得到目标截图之后，方法还包括：

对目标截图进行数据分析，得到分析结果，其中，分析结果包括如下至少之一：

页面浏览达到次数，其中，页面浏览达到次数表示用户浏览第一页面的次数；

停留时长，其中，停留时长表示用户在第一页面上停留的时长。

可选地，在本申请实施例中，上述页面浏览达到次数用于表示用户触发浏览第一页面的次数，例如，可以获取用户点击目标截图的次数，以分析得到用户浏览第一页面的次数。

例如，图12是根据本申请实施例的又一种可选的页面截图的校验方法的示意图，如图12所示，在对第一页面进行截图操作之后，得到目标截图，并基于目标截图查询用户是否浏览到目标截图就已跳失，进而，确定用户浏览第一页面的次数。

可选地，在本申请实施例中，上述停留时长用于表示在第一页面停留的时长，例如，可以获取用户在目标截图上停留的时长，以分析得到用户在第一页面停留的时长。

例如，图13是根据本申请实施例的又一种可选的页面截图的校验方法的示意图，如图13所示，在对第一页面进行截图操作之后，得到目标截图，并基于目标截图查询用户停留在目标截图的时长，进而，确定用户停留在第一页面的时长。

下面结合具体的示例，对本申请进行进一步地解释说明：

本申请可以包括但不限于针对web开发者的页面截图及准确性监测需求，通过对外提供统一的服务接口，支持开发者按照全页面、页面指定区域等不同维度截取图片，并对截图内容准确性进行定制化监测，即时返回监测结果，辅助开发者处理错误页面。

本申请利用浏览器的JS动态插入机制，借助浏览器控制引擎，将开发者的页面校验脚本动态插入截图页面，实时检测待截取页面的差异，即时上报不符合预期的页面，从而达到监测页面截图准确性的目的。

本申请可以解耦检测规则定义和检测规则运行，将规则定义交由系统使用者，系统只负责运行检测规则。借助JS脚本在web开发中的通用性，将JS脚本作为规则定义的载体，全面采用标准JS规范，使用者可以很轻松地定义页面检测规则，大幅降低使用门槛。

本申请可以前置检测时机，利用JS动态插入机制，将校验脚本动态插入截图页面，在截图之前对页面内容做准确性校验，提前发现页面错误。同时会过滤不合规则的页面，减少错误页面的截图请求，提升资源利用率。

本申请可以定义标准化的接入流程，使用者按照接入文档操作即可，无需单独联系系统对接人，减少中间流程，提升接入效率。由于解耦了规则定义，将整个接入过程中的可变部分隔离出来，剩余部分都是变化可控的，所以可以定义标准化的接入流程。

本申请设计的页面截图及准确性检测系统，在实际产品中应用流程如下：

图14是根据本申请实施例的又一种可选的页面截图的校验方法的示意图，如图14所示，接入配置流程包括但不限于如下步骤：

S1，注册接入应用/获取appid、secret_key；

S2，配置页面校验脚本。

图15是根据本申请实施例的又一种可选的页面截图的校验方法的示意图，如图15所示，页面截图流程包括但不限于如下步骤：

S1，使用者发起页面截图请求；

S2，执行页面校验/页面截图；

S3，上报页面校验结果/上传页面截图；

S4，返回截图数据。

上述校验系统会对请求页面进行检测、截图，返回以下数据：

1)页面截图：全页面、页面指定区域或页面某个元素的图片；

2)监测结果：比如：结果码、监测错误信息等。

需要说明的是，使用者获取的页面截图可以应用到页面浏览达到、停留时长分析，监测结果可以接入告警系统，即时反馈截图情况。

本申请的硬件环境可以包括但不限于Linux系统服务器。

本申请的截图检测系统，基于内置浏览器，利用内置浏览器控制引擎Puppeteer将页面控制指令发送给浏览器，从而实现页面操作、页面检测、页面截图能力。

图16是根据本申请实施例的又一种可选的页面截图的校验方法的示意图，如图16所示，截图检测系统的全链路设计包括但不限于如下步骤：

S1，使用者通过目标账号登录客户端；

S2，使用者通过目标账号向截图检测系统发情页面截图请求消息；

S3，对目标账号进行防刷校验；

S4，在对目标账号的防刷校验通过的情况下，对目标账号进行身份鉴权；

S5，在对目标账号的身份鉴权通过的情况下，生成与页面截图请求消息对应的截图任务，并发送至CMQ队列；

S6，在CMQ队列中待执行任务为截图任务时，取出截图任务；

S7，对待截图的第一页面进行页面校验；

S8，在页面校验失败(对应于前述的第一配置页面参数和第一实际页面参数不匹配)的情况下，生成错误信息；

S9，在页面校验成功(对应于前述的第一配置页面参数和第一实际页面参数匹配)的情况下，执行截图操作，得到目标截图；

S10，将目标截图上传至COS服务器；

S11，向客户端返回截图或对截图进行分析的结果。

为了方便使用者在截图前操作页面，系统会对外提供几类触发器，使用者可利用这些触发器执行指定操作：

1.元素点击触发器：点击截图页面上的元素

2.响应等待触发器：等待指定请求结束

3.超时等待触发器：等待指定的一段时间结束

在页面操作阶段，系统会依次执行上述触发器，利用控制引擎Puppeteer将使用者自定义的操作转换为对应的控制指令发送给内置浏览器，执行页面操作。

在页面校验阶段，会将使用者接入时提供的JS校验脚本动态插入页面执行。脚本执行完毕之后，使用者按照系统定义的接口规范，将检验结果返回给系统，然后系统会根据结果码，选择进入页面截图还是将错误上报。

本申请还包括但不限于如下具体实施例：

1.签名串生成及校验算法

签名串用于系统接入的身份校验，是系统能够安全稳定运行的基础。针对每个接入使用者生成一个唯一的签名串有以下几个重要的因子：

a)为每个使用者分配一个唯一的密钥作为生成串的一个因子

b)引入当前时间的unix时间戳(timestamp)当做生成串的一个因子

c)将当前请求路径作为生成串的一个因子

签名串生成过程描述：

a)为每个使用者单独分配一个唯一的密钥：secret_key

b)借助Hmac加密摘要生成工具，使用SHA1算法，组合当前时间戳timestamp和密钥得到中间加密串：signkey

c)使用url_encode编码当前请求路径，得到编码后的地址：url

d)借助Hmac加密摘要生成工具，使用SHA1算法，组合b)、c)步骤得到的结果，生成最终的加密串

完整的加密串生成算法JS程序示意如下：

const crypto＝require(′crypto′)；

const signtime＝Math.floor(Date.now()/1000).toString()；

const signKey＝crypto.createHmac(′sha1′，secret_key).update(signtime).digest(′hex′)；

const uri＝encodeURIComponent(request_path)；

const signature＝crypto.createHmac(′sha1′，signKey).update(uri).digest(′hex′)；

const token＝`signtime＝${signtime}&signature＝${signature}`；

2.页面校验的实现方式

利用浏览器JS脚本动态插入机制，在页面截图之前将JS校验脚本插入页面中，然后通过控制引擎Puppeteer发送脚本执行命令，执行脚本内容，最后将脚本执行结果返回给系统，由系统分类处理。因为JS校验脚本位于当前页面，所以它的执行环境与待截取页相同，能够获取到当前页的全部内容，开发者可以十分方便地进行各种判断。校验脚本的接口定义及sample输入如下：

示例脚本：

3.页面触发器的实现方式

页面触发器是一系列预设的浏览器触发动作，系统对外提供统一且易用的触发器接口，使用者按照接口定义自己的动作。在执行时，系统会获取使用者的触发器配置，转化为Puppeteer控制指令，再由控制引擎Puppeteer交由浏览器执行。

a)页面点击触发器：

接口定义：

{type：′click′，selector：元素标识}

触发器示例：

{type：′click′，selector：′.coupon-single-use-btn′}

执行代码：

b)响应等待触发器

接口定义：

{type：′response′，url：请求链接}

触发器示例：

{type：′response′，url：′https://xxx′}

执行代码：

c)超时等待触发器

接口定义：

{type：′timeout′，timeout：等待时间}

触发器示例：

{type：′timeout′，timeout：100}

执行代码：

this.page.waitForTimeout(trigger.timeout)

.then(()＝>prevResults)

.catch(e＝>throwTriggerError(TRIGGER_TYPE.TIMEOUT，e))；

本申请可以方便地扩展使用者监测规则，减少平台介入成本，降低开发者使用门槛，可以有效地减少监测前置时间，比原方案更快地获取错误信息，缩短错误页面曝光时间，本申请可以实现从页面检测到页面截图的完整方案，扩展了广告落地页组件中台的对外服务能力，提升了平台影响力。

可以理解的是，在本申请的具体实施方式中，涉及到用户信息、页面参数等相关的数据，当本申请以上实施例运用到具体产品或技术中时，需要获得用户许可或者同意，且相关数据的收集、使用和处理需要遵守相关国家和地区的相关法律法规和标准。

需要说明的是，对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本申请所必须的。

根据本申请实施例的另一个方面，还提供了一种用于实施上述页面截图的校验方法的页面截图的校验装置。如图17所示，该装置包括：

获取模块1702，用于获取页面截图请求消息，其中，所述页面截图请求消息包括待截图的第一页面的标识；

校验模块1704，用于在所述页面截图请求消息用于请求对所述第一页面进行截图、且所述页面截图请求消息包括为所述第一页面预先配置的第一配置页面参数的情况下，通过执行预先配置的第一页面校验脚本，获取所述标识表示的所述第一页面的第一实际页面参数，比对所述第一实际页面参数与所述第一配置页面参数，得到第一校验结果；

截图模块1706，用于在所述第一校验结果表示所述第一实际页面参数与所述第一配置页面参数匹配的情况下，对所述第一页面进行截图操作，得到目标截图。

作为一种可选的方案，所述装置还用于：在所述第一校验结果表示所述第一实际页面参数与所述第一配置页面参数不匹配的情况下，取消对所述第一页面进行所述截图操作，并生成错误提示信息。

作为一种可选的方案，所述装置还用于：所述在通过执行预先配置的第一页面校验脚本，获取所述标识表示的所述第一页面的第一实际页面参数，比对所述第一实际页面参数与所述第一配置页面参数，得到第一校验结果之前，响应于所述页面截图请求消息，生成截图任务，其中，所述截图任务用于对所述第一页面进行所述截图操作；在当前待执行的任务为所述截图任务的情况下，将所述第一页面校验脚本插入到所述第一页面的页面代码中，得到第一页面代码。

作为一种可选的方案，所述装置用于通过如下方式通过执行预先配置的第一页面校验脚本，获取所述标识表示的所述第一页面的第一实际页面参数，比对所述第一实际页面参数与所述第一配置页面参数，得到第一校验结果：通过执行所述第一页面代码中的所述第一页面校验脚本，获取所述标识表示的所述第一页面的第一实际页面参数，并比对所述第一实际页面参数与所述第一配置页面参数；在所述第一实际页面参数与所述第一配置页面参数相同的情况下，生成所述第一校验结果，其中，所述第一校验结果用于表示所述第一实际页面参数与所述第一配置页面参数匹配；在所述第一实际页面参数与所述第一配置页面参数不同的情况下，生成所述第一校验结果，其中，所述第一校验结果用于表示所述第一实际页面参数与所述第一配置页面参数不匹配；或者在所述第一实际页面参数与所述第一配置页面参数之间的差值小于或等于第一预设阈值的情况下，生成所述第一校验结果，其中，所述第一校验结果用于表示所述第一实际页面参数与所述第一配置页面参数匹配；在所述第一实际页面参数与所述第一配置页面参数之间的差值大于所述第一预设阈值的情况下，生成所述第一校验结果，其中，所述第一校验结果用于表示所述第一实际页面参数与所述第一配置页面参数不匹配。

作为一种可选的方案，所述装置还用于：在所述页面截图请求消息用于请求对第二页面进行截图、且所述页面截图请求消息包括为所述第二页面预先配置的第二配置页面参数的情况下，通过所述标识访问所述第一页面，并通过预先配置的目标触发器，在所述第一页面上执行目标操作，得到所述第二页面；通过执行预先配置的第二页面校验脚本，获取所述第二页面的第二实际页面参数，比对所述第二实际页面参数与所述第二配置页面参数，得到第二校验结果；在所述第二校验结果表示所述第二实际页面参数与所述第二配置页面参数匹配的情况下，对所述第二页面进行截图操作，得到所述目标截图。

作为一种可选的方案，所述装置用于通过如下方式通过预先配置的目标触发器，在所述第一页面上执行目标操作，得到所述第二页面：在所述目标触发器包括页面点击触发器的情况下，在所述第一页面上对所述第一页面中显示的目标元素执行点击操作，响应于所述点击操作，将所述第一页面更新为所述第二页面；或者在所述目标触发器包括响应等待触发器的情况下，在所述第一页面上执行响应等待操作，得到所述第二页面；或者在所述目标触发器包括超时等待触发器的情况下，在所述第一页面上执行超时等待操作，得到所述第二页面。

作为一种可选的方案，所述装置用于通过如下方式在所述第一页面上执行响应等待操作，得到所述第二页面：在所述第一页面上获取目标页面请求，其中，所述目标页面请求用于请求从所述第一页面更新至所述第二页面；在所述目标页面请求响应完成时，将所述第一页面更新至所述第二页面。

作为一种可选的方案，所述装置用于通过如下方式在所述第一页面上执行超时等待操作，得到所述第二页面：在所述第一页面上等待目标时长；在所述目标时长超过预设时长阈值的情况下，将所述第一页面更新至所述第二页面。

作为一种可选的方案，所述装置还用于：在获取所述页面截图请求消息之后，为发送所述页面截图请求消息的目标帐号生成用于身份鉴权的目标签名串；根据所述目标签名串对所述目标帐号进行身份鉴权，得到身份鉴权结果，其中，所述身份鉴权结果用于表示是否允许所述目标帐号对所述第一页面进行截图操作；在所述目标签名串通过校验的情况下，确定所述身份鉴权结果表示允许所述目标帐号对所述第一页面进行截图操作。

作为一种可选的方案，所述装置用于通过如下方式为发送所述页面截图请求消息的目标帐号生成用于身份鉴权的目标签名串：为所述目标帐号分配全局唯一的目标密钥；根据所述页面截图请求消息的时间戳、所述页面截图请求消息的请求路径、所述目标密钥生成所述目标签名串。

作为一种可选的方案，所述装置用于通过如下方式对所述第一页面进行截图操作，得到目标截图：在所述页面截图请求消息用于请求对所述第一页面的全部区域进行截图的情况下，对所述第一页面的全部区域进行截图操作，得到所述目标截图；或者在所述页面截图请求消息用于请求对所述第一页面的部分区域进行截图的情况下，对所述第一页面的部分区域进行截图操作，得到所述目标截图；或者在所述页面截图请求消息用于请求对所述第一页面的目标元素进行截图的情况下，对所述目标元素进行截图操作，得到所述目标截图。

作为一种可选的方案，所述装置还用于：所述在对所述第一页面进行截图操作，得到目标截图之后，对所述目标截图进行数据分析，得到分析结果，其中，所述分析结果包括如下至少之一：页面浏览达到次数，其中，所述页面浏览达到次数表示用户浏览所述第一页面的次数；停留时长，其中，所述停留时长表示所述用户在所述第一页面上停留的时长。

根据本申请的一个方面，提供了一种计算机程序产品，该计算机程序产品包括计算机程序/指令，该计算机程序/指令包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分1809从网络上被下载和安装，和/或从可拆卸介质1811被安装。在该计算机程序被中央处理器1801执行时，执行本申请实施例提供的各种功能。

上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。

图18示意性地示出了用于实现本申请实施例的电子设备的计算机系统结构框图。

需要说明的是，图18示出的电子设备的计算机系统1800仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。

如图18所示，计算机系统1800包括中央处理器1801(Central Processing Unit，CPU)，其可以根据存储在只读存储器1802(Read-Only Memory，ROM)中的程序或者从存储部分1808加载到随机访问存储器1803(Random Access Memory，RAM)中的程序而执行各种适当的动作和处理。在随机访问存储器1803中，还存储有系统操作所需的各种程序和数据。中央处理器1801、在只读存储器1802以及随机访问存储器1803通过总线1804彼此相连。输入/输出接口1805(Input/Output接口，即I/O接口)也连接至总线1804。

以下部件连接至输入/输出接口1805：包括键盘、鼠标等的输入部分1806；包括诸如阴极射线管(Cathode Ray Tube，CRT)、液晶显示器(Liquid Crystal Display，LCD)等以及扬声器等的输出部分1807；包括硬盘等的存储部分1808；以及包括诸如局域网卡、调制解调器等的网络接口卡的通信部分1809。通信部分1809经由诸如因特网的网络执行通信处理。驱动器1180也根据需要连接至输入/输出接口1805。可拆卸介质1811，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器1180上，以便于从其上读出的计算机程序根据需要被安装入存储部分1808。

特别地，根据本申请的实施例，各个方法流程图中所描述的过程可以被实现为计算机软件程序。例如，本申请的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分1809从网络上被下载和安装，和/或从可拆卸介质1811被安装。在该计算机程序被中央处理器1801执行时，执行本申请的系统中限定的各种功能。

根据本申请实施例的又一个方面，还提供了一种用于实施上述页面截图的校验方法的电子设备，该电子设备可以是图1所示的终端设备或服务器。本实施例以该电子设备为终端设备为例来说明。如图19所示，该电子设备包括存储器1902和处理器1904，该存储器1902中存储有计算机程序，该处理器1904被设置为通过计算机程序执行上述任一项方法实施例中的步骤。

可选地，在本实施例中，上述电子设备可以位于计算机网络的多个网络设备中的至少一个网络设备。

可选地，在本实施例中，上述处理器可以被设置为通过计算机程序执行以下步骤：

S1，获取页面截图请求消息，其中，页面截图请求消息包括待截图的第一页面的标识；

S2，在页面截图请求消息用于请求对第一页面进行截图、且页面截图请求消息包括为第一页面预先配置的第一配置页面参数的情况下，通过执行预先配置的第一页面校验脚本，获取标识表示的第一页面的第一实际页面参数，比对第一实际页面参数与第一配置页面参数，得到第一校验结果；

S3，在第一校验结果表示第一实际页面参数与第一配置页面参数匹配的情况下，对第一页面进行截图操作，得到目标截图。

可选地，本领域普通技术人员可以理解，图19所示的结构仅为示意，电子装置电子设备也可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌上电脑以及移动互联网设备(Mobile Internet Devices，MID)、PAD等终端设备。图19其并不对上述电子装置电子设备的结构造成限定。例如，电子装置电子设备还可包括比图19中所示更多或者更少的组件(如网络接口等)，或者具有与图19所示不同的配置。

其中，存储器1902可用于存储软件程序以及模块，如本申请实施例中的页面截图的校验方法和装置对应的程序指令/模块，处理器1904通过运行存储在存储器1902内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的页面截图的校验方法。存储器1902可包括高速随机存储器，还可以包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器1902可进一步包括相对于处理器1904远程设置的存储器，这些远程存储器可以通过网络连接至终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。其中，存储器1902具体可以但不限于用于存储配置页面参数、页面校验脚本等信息。作为一种示例，如图19所示，上述存储器1902中可以但不限于包括上述页面截图的校验装置中的获取模块1702、校验模块1704以及截图模块1706。此外，还可以包括但不限于上述页面截图的校验装置中的其他模块单元，本示例中不再赘述。

可选地，上述的传输装置1906用于经由一个网络接收或者发送数据。上述的网络具体实例可包括有线网络及无线网络。在一个实例中，传输装置1906包括一个网络适配器(Network Interface Controller，NIC)，其可通过网线与其他网络设备与路由器相连从而可与互联网或局域网进行通讯。在一个实例中，传输装置1906为射频(Radio Frequency，RF)模块，其用于通过无线方式与互联网进行通讯。

此外，上述电子设备还包括：显示器1908，用于显示上述目标截图；和连接总线1910，用于连接上述电子设备中的各个模块部件。

在其他实施例中，上述终端设备或者服务器可以是一个分布式系统中的一个节点，其中，该分布式系统可以为区块链系统，该区块链系统可以是由该多个节点通过网络通信的形式连接形成的分布式系统。其中，节点之间可以组成点对点(P2P，Peer To Peer)网络，任意形式的计算设备，比如服务器、终端等电子设备都可以通过加入该点对点网络而成为该区块链系统中的一个节点。

根据本申请的一个方面，提供了一种计算机可读存储介质，计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述页面截图的校验方面的各种可选实现方式中提供的页面截图的校验方法。

可选地，在本实施例中，上述计算机可读存储介质可以被设置为存储用于执行以下步骤的计算机程序：

S1，获取页面截图请求消息，其中，页面截图请求消息包括待截图的第一页面的标识；

S2，在页面截图请求消息用于请求对第一页面进行截图、且页面截图请求消息包括为第一页面预先配置的第一配置页面参数的情况下，通过执行预先配置的第一页面校验脚本，获取标识表示的第一页面的第一实际页面参数，比对第一实际页面参数与第一配置页面参数，得到第一校验结果；

S3，在第一校验结果表示第一实际页面参数与第一配置页面参数匹配的情况下，对第一页面进行截图操作，得到目标截图。

可选地，在本实施例中，本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令终端设备相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括：闪存盘、只读存储器(Read-Only Memory，ROM)、随机存取器(Random Access Memory，RAM)、磁盘或光盘等。

上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。

上述实施例中的集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在上述计算机可读取的存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在存储介质中，包括若干指令用以使得一台或多台计算机设备(可为个人计算机、服务器或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。

在本申请的上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中，应该理解到，所揭露的客户端，可通过其它的方式实现。其中，以上所描述的装置实施例仅仅是示意性的，例如所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，单元或模块的间接耦合或通信连接，可以是电性或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

以上所述仅是本申请的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本申请原理的前提下，还可以做出若干改进和润饰，这些改进和润饰也应视为本申请的保护范围。

Claims (16)

1.一种页面截图的校验方法，其特征在于，包括：

获取页面截图请求消息，其中，所述页面截图请求消息包括待截图的第一页面的标识；

在所述页面截图请求消息用于请求对所述第一页面进行截图、且所述页面截图请求消息包括为所述第一页面预先配置的第一配置页面参数的情况下，通过执行预先配置的第一页面校验脚本，获取所述标识表示的所述第一页面的第一实际页面参数，比对所述第一实际页面参数与所述第一配置页面参数，得到第一校验结果；

在所述第一校验结果表示所述第一实际页面参数与所述第一配置页面参数匹配的情况下，对所述第一页面进行截图操作，得到目标截图。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在所述第一校验结果表示所述第一实际页面参数与所述第一配置页面参数不匹配的情况下，取消对所述第一页面进行所述截图操作，并生成错误提示信息。

3.根据权利要求1所述的方法，其特征在于，所述在通过执行预先配置的第一页面校验脚本，获取所述标识表示的所述第一页面的第一实际页面参数，比对所述第一实际页面参数与所述第一配置页面参数，得到第一校验结果之前，所述方法还包括：

响应于所述页面截图请求消息，生成截图任务，其中，所述截图任务用于对所述第一页面进行所述截图操作；

在当前待执行的任务为所述截图任务的情况下，将所述第一页面校验脚本插入到所述第一页面的页面代码中，得到第一页面代码。

4.根据权利要求3所述的方法，其特征在于，所述通过执行预先配置的第一页面校验脚本，获取所述标识表示的所述第一页面的第一实际页面参数，比对所述第一实际页面参数与所述第一配置页面参数，得到第一校验结果，包括：

通过执行所述第一页面代码中的所述第一页面校验脚本，获取所述标识表示的所述第一页面的第一实际页面参数，并比对所述第一实际页面参数与所述第一配置页面参数；

在所述第一实际页面参数与所述第一配置页面参数相同的情况下，生成所述第一校验结果，其中，所述第一校验结果用于表示所述第一实际页面参数与所述第一配置页面参数匹配；在所述第一实际页面参数与所述第一配置页面参数不同的情况下，生成所述第一校验结果，其中，所述第一校验结果用于表示所述第一实际页面参数与所述第一配置页面参数不匹配；或者

在所述第一实际页面参数与所述第一配置页面参数之间的差值小于或等于第一预设阈值的情况下，生成所述第一校验结果，其中，所述第一校验结果用于表示所述第一实际页面参数与所述第一配置页面参数匹配；在所述第一实际页面参数与所述第一配置页面参数之间的差值大于所述第一预设阈值的情况下，生成所述第一校验结果，其中，所述第一校验结果用于表示所述第一实际页面参数与所述第一配置页面参数不匹配。

5.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在所述页面截图请求消息用于请求对第二页面进行截图、且所述页面截图请求消息包括为所述第二页面预先配置的第二配置页面参数的情况下，通过所述标识访问所述第一页面，并通过预先配置的目标触发器，在所述第一页面上执行目标操作，得到所述第二页面；

通过执行预先配置的第二页面校验脚本，获取所述第二页面的第二实际页面参数，比对所述第二实际页面参数与所述第二配置页面参数，得到第二校验结果；

在所述第二校验结果表示所述第二实际页面参数与所述第二配置页面参数匹配的情况下，对所述第二页面进行截图操作，得到所述目标截图。

6.根据权利要求5所述的方法，其特征在于，所述通过预先配置的目标触发器，在所述第一页面上执行目标操作，得到所述第二页面，包括：

在所述目标触发器包括页面点击触发器的情况下，在所述第一页面上对所述第一页面中显示的目标元素执行点击操作，响应于所述点击操作，将所述第一页面更新为所述第二页面；或者

在所述目标触发器包括响应等待触发器的情况下，在所述第一页面上执行响应等待操作，得到所述第二页面；或者

在所述目标触发器包括超时等待触发器的情况下，在所述第一页面上执行超时等待操作，得到所述第二页面。

7.根据权利要求6所述的方法，其特征在于，所述在所述第一页面上执行响应等待操作，得到所述第二页面，包括：

在所述第一页面上获取目标页面请求，其中，所述目标页面请求用于请求从所述第一页面更新至所述第二页面；

在所述目标页面请求响应完成时，将所述第一页面更新至所述第二页面。

8.根据权利要求6所述的方法，其特征在于，所述在所述第一页面上执行超时等待操作，得到所述第二页面，包括：

在所述第一页面上等待目标时长；

在所述目标时长超过预设时长阈值的情况下，将所述第一页面更新至所述第二页面。

9.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在获取所述页面截图请求消息之后，为发送所述页面截图请求消息的目标帐号生成用于身份鉴权的目标签名串；

根据所述目标签名串对所述目标帐号进行身份鉴权，得到身份鉴权结果，其中，所述身份鉴权结果用于表示是否允许所述目标帐号对所述第一页面进行截图操作；

在所述目标签名串通过校验的情况下，确定所述身份鉴权结果表示允许所述目标帐号对所述第一页面进行截图操作。

10.根据权利要求9所述的方法，其特征在于，所述为发送所述页面截图请求消息的目标帐号生成用于身份鉴权的目标签名串，包括：

为所述目标帐号分配全局唯一的目标密钥；

根据所述页面截图请求消息的时间戳、所述页面截图请求消息的请求路径、所述目标密钥生成所述目标签名串。

11.根据权利要求1至10中任一项所述的方法，其特征在于，所述对所述第一页面进行截图操作，得到目标截图，包括：

在所述页面截图请求消息用于请求对所述第一页面的全部区域进行截图的情况下，对所述第一页面的全部区域进行截图操作，得到所述目标截图；或者

在所述页面截图请求消息用于请求对所述第一页面的部分区域进行截图的情况下，对所述第一页面的部分区域进行截图操作，得到所述目标截图；或者

在所述页面截图请求消息用于请求对所述第一页面的目标元素进行截图的情况下，对所述目标元素进行截图操作，得到所述目标截图。

12.根据权利要求1至10中任一项所述的方法，其特征在于，所述在对所述第一页面进行截图操作，得到目标截图之后，所述方法还包括：

对所述目标截图进行数据分析，得到分析结果，其中，所述分析结果包括如下至少之一：

页面浏览达到次数，其中，所述页面浏览达到次数表示用户浏览所述第一页面的次数；

停留时长，其中，所述停留时长表示所述用户在所述第一页面上停留的时长。

13.一种页面截图的校验装置，其特征在于，包括：

获取模块，用于获取页面截图请求消息，其中，所述页面截图请求消息包括待截图的第一页面的标识；

校验模块，用于在所述页面截图请求消息用于请求对所述第一页面进行截图、且所述页面截图请求消息包括为所述第一页面预先配置的第一配置页面参数的情况下，通过执行预先配置的第一页面校验脚本，获取所述标识表示的所述第一页面的第一实际页面参数，比对所述第一实际页面参数与所述第一配置页面参数，得到第一校验结果；

截图模块，用于在所述第一校验结果表示所述第一实际页面参数与所述第一配置页面参数匹配的情况下，对所述第一页面进行截图操作，得到目标截图。

14.一种计算机可读的存储介质，其特征在于，所述计算机可读的存储介质包括存储的程序，其中，所述程序可被终端设备或计算机运行时执行所述权利要求1至12任一项中所述的方法。

15.一种计算机程序产品，包括计算机程序/指令，其特征在于，该计算机程序/指令被处理器执行时实现权利要求1至12任一项中所述方法的步骤。

16.一种电子设备，包括存储器和处理器，其特征在于，所述存储器中存储有计算机程序，所述处理器被设置为通过所述计算机程序执行所述权利要求1至12任一项中所述的方法。