浏览器的测试结果图像的差异处理方法、装置和系统与流程

    专利查询2025-06-02  83


    本技术涉及浏览器,具体而言,涉及一种浏览器的测试结果图像的差异处理方法、装置、计算机可读存储介质和系统。


    背景技术:

    1、web兼容性测试是保证系统可用性和用户体验的一项重要测试内容,因为各种因素都会影响web应用程序的运行效果,如处理架构、操作系统、浏览器版本、分辨率、设备尺寸等。目前行业内虽存在较多浏览器兼容性测试工具(例如browsershots、browserstack等),但这些工具都侧重于提供测试基础运行环境及测试运行控制,对于测试结果解析涉及甚少,无法高效、自动的分析出兼容性测试问题,极大影响测试效率。例如,在多个浏览器操作截图后需要人工对比查看图片差异点,分析界面差异之处;另外,在多个浏览器兼容性测试之后,无法对web应用在浏览器上兼容性优劣进行评价。

    2、即现有方案对于web应用在浏览器上兼容性优劣的判断需要采用人工对比查看图片差异点的方式,从而造成效率较低。


    技术实现思路

    1、本技术的主要目的在于提供一种浏览器的测试结果图像的差异处理方法、装置、计算机可读存储介质和系统,以至少解决现有方案对于web应用在浏览器上兼容性优劣的判断需要采用人工对比查看图片差异点的方式,从而造成效率较低的问题。

    2、为了实现上述目的,根据本技术的一个方面,提供了一种浏览器的测试结果图像的差异处理方法,该方法包括:

    3、获取测试脚本、测试任务和兼容性测试属性,所述测试任务用于保存测试运行配置和测试结果,所述兼容性测试属性包括浏览器分辨率、基准对比浏览器、兼容性测试浏览器和截图方式;

    4、基于所述测试脚本、所述测试任务和所述兼容性测试属性,对所述基准对比浏览器和所有的所述兼容性测试浏览器进行测试,得到各浏览器的测试结果图像,所述测试结果图像为测试结果的页面截图;

    5、采用ssim图像差异度分析算法,计算各所述兼容性测试浏览器分别与所述基准对比浏览器在所述测试结果图像上的图像差异度,得到多个当前图像差异度,并根据所有的所述当前图像差异度的大小,确定各所述兼容性测试浏览器的兼容性等级,所述兼容性等级表征各所述兼容性测试浏览器的兼容性水平;

    6、在所述兼容性测试浏览器的所述兼容性等级为目标兼容性等级的情况下,采用opencv图像处理技术对所述兼容性测试浏览器的所述测试结果图像进行差异轮廓标识,并显示所述测试结果图像中的差异轮廓。

    7、可选地,所述兼容性等级包括所述兼容性测试浏览器的所述兼容性水平依次降低的第一兼容性等级、第二兼容性等级和第三兼容性等级,在所述兼容性测试浏览器的所述兼容性等级为目标兼容性等级的情况下,采用opencv图像处理技术对所述兼容性测试浏览器的所述测试结果图像进行差异轮廓标识,并显示所述测试结果图像中的差异轮廓,包括:

    8、在所述兼容性测试浏览器的所述兼容性等级为所述第二兼容性等级的情况下,采用所述opencv图像处理技术对所述兼容性测试浏览器的所述测试结果图像进行差异轮廓标识,并显示所述测试结果图像中的所述差异轮廓。

    9、可选地,所述兼容性等级包括所述兼容性测试浏览器的所述兼容性水平依次降低的第一兼容性等级、第二兼容性等级和第三兼容性等级,所述方法还包括:

    10、在所述兼容性测试浏览器的所述兼容性等级为所述第一兼容性等级的情况下,确定所述兼容性测试浏览器的兼容性合格;

    11、在所述兼容性测试浏览器的所述兼容性等级为所述第三兼容性等级的情况下,生成提示信息,以提示需要对所述兼容性测试浏览器中与兼容性相关的程序进行修改。

    12、可选地,根据所有的所述当前图像差异度的大小,确定各所述兼容性测试浏览器的兼容性等级,包括:

    13、获取各所述兼容性测试浏览器在不同差异度范围内的所述测试结果图像的数量,得到多个当前图像数量;

    14、对各所述当前图像数量进行加权求和处理,得到加权求和结果;

    15、根据所述加权求和结果和所述兼容性测试浏览器的所述测试结果图像的总数量,确定浏览器兼容性评分;

    16、根据所述浏览器兼容性评分的大小,确定各所述兼容性测试浏览器的所述兼容性等级。

    17、可选地,所述兼容性等级包括所述兼容性测试浏览器的所述兼容性水平依次降低的第一兼容性等级、第二兼容性等级和第三兼容性等级,根据所述浏览器兼容性评分的大小,确定各所述兼容性测试浏览器的所述兼容性等级,包括:

    18、在所述浏览器兼容性评分小于第一阈值的情况下,确定所述兼容性测试浏览器的所述兼容性等级为所述第三兼容性等级;

    19、在所述浏览器兼容性评分大于或者等于所述第一阈值且小于第二阈值的情况下,确定所述兼容性测试浏览器的所述兼容性等级为所述第二兼容性等级;

    20、在所述浏览器兼容性评分大于或者等于所述第二阈值的情况下,确定所述兼容性测试浏览器的所述兼容性等级为所述第一兼容性等级。

    21、可选地,根据所述加权求和结果和所述兼容性测试浏览器的所述测试结果图像的总数量,确定浏览器兼容性评分,包括:

    22、根据

    23、确定所述浏览器兼容性评分;

    24、其中,p为所述浏览器兼容性评分,k1×1+k2×0.8+k3×0.6+k4×0.3+k5×0.1为所述加权求和结果,k6为所述兼容性测试浏览器的所述测试结果图像的总数量,k1表征所述当前图像差异度为100%的所述测试结果图像的数量,k2表征所述当前图像差异度处于[95%,99.99%]内的所述测试结果图像的数量,k3表征所述当前图像差异度处于[90%,94.99%]内的所述测试结果图像的数量,k4表征所述当前图像差异度处于[80%,89.99%]内的所述测试结果图像的数量,k5表征所述当前图像差异度处于[0,79.99%]内的所述测试结果图像的数量。

    25、可选地,所述截图方式包括全局截图和关键截图。

    26、根据本技术的另一方面,提供了一种浏览器的测试结果图像的差异处理装置,该装置包括:

    27、获取单元,用于获取测试脚本、测试任务和兼容性测试属性,所述测试任务用于保存测试运行配置和测试结果,所述兼容性测试属性包括浏览器分辨率、基准对比浏览器、兼容性测试浏览器和截图方式;

    28、第一处理单元,用于基于所述测试脚本、所述测试任务和所述兼容性测试属性,对所述基准对比浏览器和所有的所述兼容性测试浏览器进行测试,得到各浏览器的测试结果图像,所述测试结果图像为测试结果的页面截图;

    29、第二处理单元,用于采用ssim图像差异度分析算法,计算各所述兼容性测试浏览器分别与所述基准对比浏览器在所述测试结果图像上的图像差异度,得到多个当前图像差异度,并根据所有的所述当前图像差异度的大小,确定各所述兼容性测试浏览器的兼容性等级,所述兼容性等级表征各所述兼容性测试浏览器的兼容性水平;

    30、第三处理单元,用于在所述兼容性测试浏览器的所述兼容性等级为目标兼容性等级的情况下,采用opencv图像处理技术对所述兼容性测试浏览器的所述测试结果图像进行差异轮廓标识,并显示所述测试结果图像中的差异轮廓。

    31、根据本技术的另一方面,提供了一种计算机可读存储介质,所述计算机可读存储介质包括存储的程序,其中,在所述程序运行时控制所述计算机可读存储介质所在设备执行任意一种所述的浏览器的测试结果图像的差异处理方法。

    32、根据本技术的另一方面,提供了一种浏览器的测试结果图像的差异处理系统,该系统包括:一个或多个处理器,存储器,以及一个或多个程序,其中,所述一个或多个程序被存储在所述存储器中,并且被配置为由所述一个或多个处理器执行,所述一个或多个程序包括用于执行任意一种所述的浏览器的测试结果图像的差异处理方法。

    33、应用本技术的技术方案,通过基于所述测试脚本、所述测试任务和所述兼容性测试属性,对所述基准对比浏览器和所有的所述兼容性测试浏览器进行测试,得到各浏览器的测试结果图像,并且采用ssim图像差异度分析算法,计算各所述兼容性测试浏览器分别与所述基准对比浏览器在所述测试结果图像上的图像差异度,得到多个当前图像差异度,并根据所有的所述当前图像差异度的大小,确定各所述兼容性测试浏览器的兼容性等级,从而得以采用兼容性等级表征各兼容性测试浏览器的兼容性水平,最后在所述兼容性测试浏览器的所述兼容性等级为目标兼容性等级的情况下,采用opencv图像处理技术对所述兼容性测试浏览器的所述测试结果图像进行差异轮廓标识,并显示所述测试结果图像中的差异轮廓,实现了ssim图像差异度分析算法和opencv图像处理技术相结合的目的,从而使得差异轮廓能够被展示给工作人员查看,相比现有方案处理效率得以提高,进而解决了现有方案对于web应用在浏览器上兼容性优劣的判断需要采用人工对比查看图片差异点的方式,从而造成效率较低的问题。


    技术特征:

    1.一种浏览器的测试结果图像的差异处理方法,其特征在于,包括:

    2.根据权利要求1所述的方法,其特征在于,所述兼容性等级包括所述兼容性测试浏览器的所述兼容性水平依次降低的第一兼容性等级、第二兼容性等级和第三兼容性等级,在所述兼容性测试浏览器的所述兼容性等级为目标兼容性等级的情况下,采用opencv图像处理技术对所述兼容性测试浏览器的所述测试结果图像进行差异轮廓标识,并显示所述测试结果图像中的差异轮廓,包括:

    3.根据权利要求1所述的方法,其特征在于,所述兼容性等级包括所述兼容性测试浏览器的所述兼容性水平依次降低的第一兼容性等级、第二兼容性等级和第三兼容性等级,所述方法还包括:

    4.根据权利要求1所述的方法,其特征在于,根据所有的所述当前图像差异度的大小,确定各所述兼容性测试浏览器的兼容性等级,包括:

    5.根据权利要求4所述的方法,其特征在于,所述兼容性等级包括所述兼容性测试浏览器的所述兼容性水平依次降低的第一兼容性等级、第二兼容性等级和第三兼容性等级,根据所述浏览器兼容性评分的大小,确定各所述兼容性测试浏览器的所述兼容性等级,包括:

    6.根据权利要求4所述的方法,其特征在于,根据所述加权求和结果和所述兼容性测试浏览器的所述测试结果图像的总数量,确定浏览器兼容性评分,包括:

    7.根据权利要求1至6中任一项所述的方法,其特征在于,所述截图方式包括全局截图和关键截图。

    8.一种浏览器的测试结果图像的差异处理装置,其特征在于,包括:

    9.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质包括存储的程序,其中,在所述程序运行时控制所述计算机可读存储介质所在设备执行权利要求1至7中任意一项所述的浏览器的测试结果图像的差异处理方法。

    10.一种浏览器的测试结果图像的差异处理系统,其特征在于,包括:一个或多个处理器,存储器,以及一个或多个程序,其中,所述一个或多个程序被存储在所述存储器中,并且被配置为由所述一个或多个处理器执行,所述一个或多个程序包括用于执行权利要求1至7中任意一项所述的浏览器的测试结果图像的差异处理方法。


    技术总结
    本申请提供了一种浏览器的测试结果图像的差异处理方法、装置和系统,该方法通过采用SSIM图像差异度分析算法,得到多个当前图像差异度,并确定各兼容性测试浏览器的兼容性等级,从而得以采用兼容性等级表征各兼容性测试浏览器的兼容性水平,最后在兼容性测试浏览器的兼容性等级为目标兼容性等级的情况下,采用OpenCV图像处理技术对兼容性测试浏览器的测试结果图像进行差异轮廓标识,并显示测试结果图像中的差异轮廓,实现了SSIM图像差异度分析算法和OpenCV图像处理技术相结合的目的,进而解决了现有方案对于Web应用在浏览器上兼容性优劣的判断需要采用人工对比查看图片差异点的方式,从而造成效率较低的问题。

    技术研发人员:魏义鹏,王鹏,李清,李浩,汤振
    受保护的技术使用者:中国邮政储蓄银行股份有限公司
    技术研发日:
    技术公布日:2024/11/26
    转载请注明原文地址:https://tc.8miu.com/read-28990.html

    最新回复(0)