检测界面差异的方法、电子设备和计算机可读介质技术

本申请实施例公开了检测界面差异的方法、电子设备和计算机可读介质。该方法的一具体实施方式包括：确定相互匹配的界面截图和界面效果图，其中，界面截图与界面效果图之间相互匹配是指：界面效果图是界面截图所截取的界面的设计效果图；对比相互匹配的界面截图和界面效果图，确定相互匹配的界面截图和界面效果图是否一致；响应于确定相互匹配的界面截图和界面效果图不一致，生成差异信息，其中，该差异信息包括差异位置信息和差异程度信息。该实施方式可以提供了一种由电子设备实现的检测界面差异的方法，可以避免人工检测，节省人力成本。

【技术实现步骤摘要】
检测界面差异的方法、电子设备和计算机可读介质
本申请实施例涉及计算机
，尤其涉及检测界面差异的方法、电子设备和计算机可读介质。
技术介绍
在网站建立或者应用开发过程中，工作人员可以先设计用户界面(UserInterface，UI)的效果图，得到界面效果图。然后，再实现界面效果图，即根据界面效果图，进行界面开发，得到用户界面。但是，终端显示的用户界面，可能由于各种原因，与设计效果图有出入。为保证界面效果图高还原度落地，即保证用户界面与界面效果图更高程度的相似，在界面开发过程中需要调整用户界面，这个过程一般称为调整用户界面(也可以称为调UI)。检测界面差异是调UI的前提。在生成差异信息的基础上，才好根据差异信息调整用户界面。现有技术中，检测界面差异一般由人工实现。
技术实现思路
本申请实施例提出了检测界面差异的方法、检测界面差异的装置、电子设备和计算机可读介质。第一方面，本申请的一些实施例提供了一种检测界面差异的方法，该方法包括：确定相互匹配的界面截图和界面效果图，其中，界面截图与界面效果图之间相互匹配是指：界面效果图是界面截图所截取的界面的设计效果图；对比相互匹配的界面截图和界面效果图，确定相互匹配的界面截图和界面效果图是否一致；响应于确定相互匹配的界面截图和界面效果图不一致，生成差异信息，其中，上述差异信息包括差异位置信息和差异程度信息。第二方面，本申请的一些实施例提供了一种检测界面差异的装置，该装置包括：确定单元，被配置成确定相互匹配的界面截图和界面效果图，其中，界面截图与界面效果图之间相互匹配是指：界面效果图是界面截图所截取的界面的设计效果图；对比单元，被配置成对比相互匹配的界面截图和界面效果图，确定相互匹配的界面截图和界面效果图是否一致；生成单元，被配置成响应于确定相互匹配的界面截图和界面效果图不一致，生成差异信息，其中，上述差异信息包括差异位置信息和差异程度信息。第三方面，本申请的一些实施例提供了一种电子设备，该电子设备包括：一个或多个处理器；存储装置，其上存储有一个或多个程序，当上述一个或多个程序被上述一个或多个处理器执行时，使得上述一个或多个处理器实现如第一方面中任一实现方式描述的方法。第四方面，本申请的一些实施例提供了一种计算机可读介质，其上存储有计算机程序，其中，该计算机程序被处理器执行时实现如第一方面中任一实现方式描述的方法。本申请的一些实施例提供的检测界面差异的方法、电子设备和计算机可读介质，通过由执行主体确定相互匹配的界面截图和界面效果图，然后对比相互匹配的界面截图和界面效果图，确定是否一致，如果不一致则生成差异信息，由此，检测界面差异的方法可以由电子设备实现，避免人工检测，技术效果至少可以包括：节省人力成本。附图说明通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本申请的其它特征、目的和优点将会变得更明显：图1是本申请的一些实施例可以应用于其中的示例性系统架构图；图2是根据本申请的检测界面差异的方法的一个实施例的流程图；图3A是根据本申请的示例性差异对照图；图3B是根据本申请的显示差异对照图的示意图；图4是根据本申请的检测界面差异的方法的一个应用场景的示意图；图5是本申请步骤201的可选的实现方式的流程图；图6是图5所示流程中涉及到的一些概念示例性的关系示意图；图7是根据本申请的检测界面差异的方法的又一个实施例的流程图；图8是适于用来实现本申请实施例的电子设备的计算机系统的结构示意图。具体实施方式下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释相关专利技术，而非对该专利技术的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与有关专利技术相关的部分。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。图1示出了可以应用本申请的检测界面差异的方法或检测界面差异的装置的实施例的示例性系统架构100。如图1所示，系统架构100可以包括电子设备101、网络102和终端设备103。网络102可以是用以在电子设备101和终端设备103之间提供通信链路的介质。网络102可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。电子设备101可以与终端设备103交互，以接收或发送信息等。电子设备101可以是终端，也可以是服务器。终端设备103上可以安装有各种通讯客户端应用，例如即时通信工具、网页浏览器应用、购物类应用、搜索类应用、邮箱客户端、社交平台软件等。终端设备103可以是硬件，也可以是软件。当终端设备103为硬件时，可以是具有显示屏的各种电子设备，包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器(MovingPictureExpertsGroupAudioLayerIII，动态影像专家压缩标准音频层面3)、MP4(MovingPictureExpertsGroupAudioLayerIV，动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。当终端设备103为软件时，可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块(例如用来提供分布式服务)，也可以实现成单个软件或软件模块。在此不做具体限定。电子设备101可以是终端，作为电子设备101的终端可以是硬件，也可以是软件。当作为电子设备101的终端为硬件时，可以是具有显示屏的各种电子设备，包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器(MovingPictureExpertsGroupAudioLayerIII，动态影像专家压缩标准音频层面3)、MP4(MovingPictureExpertsGroupAudioLayerIV，动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。当作为电子设备101的终端为软件时，可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块(例如用来提供分布式服务)，也可以实现成单个软件或软件模块。在此不做具体限定。电子设备101可以是提供各种服务的服务器，例如对终端设备103上安装的应用提供支持的后台服务器。后台服务器可以获取终端设备上的显示的界面的界面截图，然后分析界面截图与界面效果图的差异。然后，后台服务器可以参考差异，调整用户界面。需要说明的是，当电子设备101为服务器时，服务器可以是硬件，也可以是软件。当服务器为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器。当服务器为软件时，可以实现成多个软件或软件模块(例如用来提供分布式服务)，也可以实现成单个软件或软件模块。在此不做具体限定。需要说明的是，本申请实施例所提供的检测界面差异的方法一般由电子设备101执行，相应地，检测界面差异的装置一般设置于电子设备101中。应该理解，图1中的终端设备、网络和电子设备的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。需要说明的是，图1所示系统框架也可以不包括终端设备103。可选的，电子设备101和终端设备103也可以是同一电子设备。请参考图2，其示出了检测界面差异的方法的一个实施例的流程200。本实施例主要以该方法应用于有一定运算能力的电子设本文档来自技高网...

【技术保护点】
1.一种检测界面差异的方法，包括：确定相互匹配的界面截图和界面效果图，其中，界面截图与界面效果图之间相互匹配是指：界面效果图是界面截图所截取的界面的设计效果图；对比相互匹配的界面截图和界面效果图，确定相互匹配的界面截图和界面效果图是否一致；响应于确定相互匹配的界面截图和界面效果图不一致，生成差异信息，其中，所述差异信息包括差异位置信息和差异程度信息。

【技术特征摘要】
1.一种检测界面差异的方法，包括：确定相互匹配的界面截图和界面效果图，其中，界面截图与界面效果图之间相互匹配是指：界面效果图是界面截图所截取的界面的设计效果图；对比相互匹配的界面截图和界面效果图，确定相互匹配的界面截图和界面效果图是否一致；响应于确定相互匹配的界面截图和界面效果图不一致，生成差异信息，其中，所述差异信息包括差异位置信息和差异程度信息。2.根据权利要求1所述的方法，其中，所述确定相互匹配的界面截图和界面效果图，包括：获取目标应用的预先建立的界面跳转路径，其中，所述界面跳转路径包括界面标识和用于指示界面跳转方向的指示信息，指示信息与跳转条件相关联，界面标识与界面效果图的存储路径相关联；根据界面跳转路径和跳转条件，控制所述目标应用进行界面跳转；根据跳转到的界面对应的所述界面跳转路径中的界面标识，获取存储路径；根据所获取的存储路径，获取至少一幅界面效果图；获取跳转到的界面的截图；从所获取的界面效果图中，确定与所获取的截图的图像分辨率一致的界面效果图作为与所获取的截图匹配的界面效果图。3.根据权利要求1所述的方法，其中，所述确定相互匹配的界面截图和界面效果图，包括：获取界面截图；确定所获取的界面截图与预先建立的界面效果图集合中的界面效果图之间的第一相似度；根据所确定的第一相似度，确定与所获取的界面截图匹配的界面效果图。4.根据权利要求1所述的方法，其中，所述确定相互匹配的界面截图和界面效果图，包括：获取界面效果图；确定所获取的界面效果图与预先建立的界面截图集合中的界面截图之间的第二相似度；根据所确定的第二相似度，确定与所获取的界面效果图匹配的界面截图。5...

【专利技术属性】
技术研发人员：徐学东，
申请(专利权)人：上海连尚网络科技有限公司，
类型：发明
国别省市：上海,31