页面异常显示的检测方法、终端设备及存储介质技术

本申请实施例公开了一种页面异常显示的检测方法、终端设备及存储介质，涉及前端性能测试技术，其中方法包括：在待检测页面中不包含异常特征图标的情况下，提取所述待检测页面中的图标，所述异常特征图标为页面显示异常时出现的图标；确定是否能在图标数据库中查找到所述待检测页面中的每个图标；判断所述待检测页面中是否含有异常字符；若所述待检测页面含有所述异常字符，或者所述待检测页面中各图标不均与所述图标数据库中的图标匹配，确定所述待检测页面显示异常，生成所述待检测页面的异常信息，可以更全面快速地检测页面显示异常问题，以保障浏览器兼容性。

Detection method, terminal equipment and storage medium of page abnormal display

【技术实现步骤摘要】
页面异常显示的检测方法、终端设备及存储介质
本申请涉及计算机
，尤其涉及一种页面异常显示的检测方法、终端设备及存储介质。
技术介绍
随着互联网技术的发展普及，互联网网页不仅包含了人们多需要的各种信息，同时还是互联网的用户接口(UserInterface，UI)。网页的视觉感知影响着网页的用户体验，诸如页面显示异常等UI典型问题严重影响用户体验。一般而言，开发一款web系统，一般我们都需要兼容很多主流的浏览器，如chrome、IE、firefox等，IE又有9、10、11等众多版本。如果客户有特定的使用习惯，还要根据客户的习惯去兼容一些其他的浏览器，比如360浏览器、QQ浏览器等，平均一套web系统开发交付，可能要兼容5种以上浏览器，再加上显示器分辨率的兼容，以此计算，基本每个页面都需要检查6次以上。但是根据实际情况，在产品交付时间内，测试功能的同时要测试多种兼容性，如果多投入测试人员，会导致成本上升，如果针对兼容性的页面检测不全面，产品质量难以保证，导致应用时易发生页面显示异常。
技术实现思路
本申请实施例提供一种页面异常显示的检测方法、终端设备及存储介质，可以更全面快速地检测页面显示异常问题，以保障浏览器兼容性。第一方面，本申请实施例提供了一种页面异常显示的检测方法，所述方法包括：在待检测页面中不包含异常特征图标的情况下，提取所述待检测页面中的图标，所述异常特征图标为页面显示异常时出现的图标；确定是否能在图标数据库中查找到所述待检测页面中的每个图标；判断所述待检测页面中是否含有异常字符；若所述待检测页面含有所述异常字符，或者所述待检测页面中各图标不均与所述图标数据库中的图标匹配，确定所述待检测页面显示异常，生成所述待检测页面的异常信息。作为一种可能的实施方式，所述确定是否能在图标数据库中查找到所述待检测页面中的每个图标包括：获取所述待检测页面中的每个图标和所述图标数据库中的每个图标的特征向量；根据所述待检测页面中的图标的特征向量和所述图标数据库中图标的特征向量的欧式距离，对所述待检测页面中的每个图标和所述图标数据库中的每个图标进行比对，若所述欧式距离均小于距离阈值，确定能在所述图标数据库中查找到所述待检测页面中的每个图标。作为一种可能的实施方式，所述判断所述待检测页面中各图标是否均与图标数据库中的图标匹配还包括：若所述待检测页面中各图标的颜色不全属于所述图标数据库对应的颜色集合，则确定不能在所述图标数据库中查找到所述待检测页面中的每个图标；或者，若所述待检测页面中各图标的形状不全属于所述图标数据库对应的形状集合，则确定不能在所述图标数据库中查找到所述待检测页面中的每个图标。作为一种可能的实施方式，所述提取所述待检测页面中的图标包括：获取所述待检测页面的颜色直方图，根据所述颜色直方图分割所述待检测页面的页面背景和所述图标，获得所述待检测页面中的图标；或者，利用抠图技术提取所述待检测页面中的图标。作为一种可能的实施方式，所述判断所述待检测页面中是否含有异常字符包括：识别所述待检测页面中的连续字符区域，提取所述连续字符区域中的多个单字符；判断所述多个单字符中是否存在与其他字符大小不同的单字符；若存在，确定所述待检测页面中含有所述异常字符，若不存在，确定所述待检测页面中不含有所述异常字符。作为一种可能的实施方式，所述判断所述多个单字符中是否存在与其他字符大小不同的单字符包括：获取所述多个单字符中每个单字符的高度和宽度，判断是否存在高度与所述多个单字符的高度平均值的比值不在第一阈值范围内，或者宽度与所述多个单字符的宽度平均值的比值不在第二阈值范围内的单字符。作为一种可能的实施方式，所述方法还包括：调用页面检测程序对所述待检测页面进行检测，确定所述待检测页面是否显示异常，所述页面检测程序由网络模型训练获得；所述页面检测程序的训练方法包括：获取多组待训练数据，所述多组待训练数据中每组待训练数据包含样本页面和所述样本页面的异常检测结果，所述异常检测结果包括显示异常或者显示正常；将所述每组待训练数据输入初始模型以获得预测结果；将所述预测结果与所述异常检测结果进行比对，获得所述样本页面对应的预测偏差；基于所述多组待训练数据的样本页面对应的预测偏差进行反向传播，获得所述页面检测程序。第二方面，本申请实施例提供了一种终端设备，包括：提取模块、第一判断模块、第二判断模块、检测模块和生成模块，其中：所述提取模块，用于在待检测页面中不包含异常特征图标的情况下，提取所述待检测页面中的图标，所述异常特征图标为页面显示异常时出现的图标；所述第一判断模块，用于确定是否能在图标数据库中查找到所述待检测页面中的每个图标；所述第二判断模块，用于判断所述待检测页面中是否含有异常字符；所述检测模块，用于若所述待检测页面含有所述异常字符，或者所述待检测页面中各图标不均与所述图标数据库中的图标匹配，确定所述待检测页面显示异常；所述生成模块，用于生成所述待检测页面的异常信息。第三方面，本申请实施例还提供了一种终端设备，包括处理器、输入设备、输出设备和存储器，所述处理器、输入设备、输出设备和存储器相互连接，其中，所述存储器用于存储计算机程序，所述计算机程序包括程序指令，所述处理器被配置用于调用所述程序指令，执行如第一方面及其任一种可能的实施方式所述的方法。第四方面，本申请实施例提供了一种计算机存储介质，所述计算机存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时使所述处理器执行上述第一方面及其任一种可能的实施方式的方法。本申请实施例通过在待检测页面中不包含异常特征图标的情况下，提取所述待检测页面中的图标，所述异常特征图标为页面显示异常时出现的图标；确定是否能在图标数据库中查找到所述待检测页面中的每个图标；判断所述待检测页面中是否含有异常字符；若所述待检测页面含有所述异常字符，或者所述待检测页面中各图标不均与所述图标数据库中的图标匹配，确定所述待检测页面显示异常，生成所述待检测页面的异常信息，更快速全面实现页面显示异常检测，降低人工成本，以及通过检测异常信息可以反映系统对各浏览器的兼容性，便于进一步的改进维护，以降低或避免浏览器的页面显示异常情况，即提高了系统对于各浏览器的兼容性。附图说明为了更清楚地说明本申请实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍。图1是本申请实施例提供的一种页面异常显示的检测方法的流程示意图；图2是本申请实施例提供的一种待检测页面的图标示意图；图3是本申请另一实施例提供的一种页面异常显示的检测方法的流程示意图；图4是本申请实施例提供的一种终端设备的结构示意图；图5是本申请实施例提供的另一种终端设备的结构示意图。具体实施方式下面将结合本申请实本文档来自技高网...

【技术保护点】
1.一种页面异常显示的检测方法，其特征在于，所述方法包括：/n在待检测页面中不包含异常特征图标的情况下，提取所述待检测页面中的图标，所述异常特征图标为页面显示异常时出现的图标；/n确定是否能在图标数据库中查找到所述待检测页面中的每个图标；/n判断所述待检测页面中是否含有异常字符；/n若所述待检测页面含有所述异常字符，或者所述待检测页面中各图标不均与所述图标数据库中的图标匹配，确定所述待检测页面显示异常，生成所述待检测页面的异常信息。/n

【技术特征摘要】
1.一种页面异常显示的检测方法，其特征在于，所述方法包括：
在待检测页面中不包含异常特征图标的情况下，提取所述待检测页面中的图标，所述异常特征图标为页面显示异常时出现的图标；
确定是否能在图标数据库中查找到所述待检测页面中的每个图标；
判断所述待检测页面中是否含有异常字符；
若所述待检测页面含有所述异常字符，或者所述待检测页面中各图标不均与所述图标数据库中的图标匹配，确定所述待检测页面显示异常，生成所述待检测页面的异常信息。


2.根据权利要求1所述的方法，其特征在于，所述确定是否能在图标数据库中查找到所述待检测页面中的每个图标包括：
获取所述待检测页面中的每个图标和所述图标数据库中的每个图标的特征向量；
根据所述待检测页面中的图标的特征向量和所述图标数据库中图标的特征向量的欧式距离，对所述待检测页面中的每个图标和所述图标数据库中的每个图标进行比对，若所述欧式距离均小于距离阈值，确定能在所述图标数据库中查找到所述待检测页面中的每个图标。


3.根据权利要求2所述的方法，其特征在于，所述判断所述待检测页面中各图标是否均与图标数据库中的图标匹配还包括：
若所述待检测页面中各图标的颜色不全属于所述图标数据库对应的颜色集合，则确定不能在所述图标数据库中查找到所述待检测页面中的每个图标；
或者，若所述待检测页面中各图标的形状不全属于所述图标数据库对应的形状集合，则确定不能在所述图标数据库中查找到所述待检测页面中的每个图标。


4.根据权利要求1-3任一项所述的方法，其特征在于，所述提取所述待检测页面中的图标包括：
获取所述待检测页面的颜色直方图，根据所述颜色直方图分割所述待检测页面的页面背景和所述图标，获得所述待检测页面中的图标；
或者，利用抠图技术提取所述待检测页面中的图标。


5.根据权利要求4所述的方法，其特征在于，所述判断所述待检测页面中是否含有异常字符包括：
识别所述待检测页面中的连续字符区域，提取所述连续字符区域中的多个单字符；
判断所述多个单字符中是否存在与其他字符大小不同的单字符；
若存在，确定所述待检测页面中含有所述异常字符，若不存在，确定所述待检测页面中不含有所述异常字符。


6.根据...

【专利技术属性】
技术研发人员：任志爱，
申请(专利权)人：重庆金融资产交易所有限责任公司，
类型：发明
国别省市：重庆;50