一种浏览器页面兼容性检测的方法技术

技术编号:29614415 阅读:9 留言:0更新日期:2021-08-10 18:28
本申请涉及一种浏览器页面兼容性检测的方法,属于计算机技术领域,本申请,包括:通过在不同的浏览器中运行UI自动化脚本;在运行自动化脚本时,按步骤进行截图操作,得到不同的浏览器对应的图片;将不同的浏览器对应的图片存贮到文件服务器中,并记录文件的存放地址;根据不同的浏览器对应的图片,和/或,文件的存放地址,调用图片对比工具,进行图片参数对比,得到不同浏览器页面图片是否一致的结果;若不同浏览器页面图片一致,则将记录通过;若所述所述不同浏览器页面图片一致,则对所述对比结果进行浏览器页面兼容性分析,输出浏览器页面兼容性报告。能够快速获取图片对比结果,在生成相应的测试报告,快速披露浏览器页面兼容性的问题。

【技术实现步骤摘要】
一种浏览器页面兼容性检测的方法
本申请属于计算机
,具体涉及一种浏览器页面兼容性检测的方法。
技术介绍
浏览器兼容性问题又被称为网页兼容性或网站兼容性问题,指网页在各种浏览器上的显示效果可能不一致而产生浏览器和网页间的兼容问题。在网站的设计和制作中,做好浏览器兼容,才能够让网站在不同的浏览器下都正常显示。而对于浏览器软件的开发和设计,浏览器对标准的更好兼容能够给用户更好的使用体验,这就需要对页面兼容性进行检测。现阶段测试人员编写UI(UserInterface)自动化脚本时,主要使用的是selenium,airtest,appnium等。这些框架支持运行和断言,但是同时运行多个端时,无法进行精准地定位到是否有兼容性问题。在不是同设备上运行同一份UI自动化脚本,运行结果也可能是不同的,如页面元素错位,元素点击错误等,无法快速,准确地发现浏览器页面兼容性问题。
技术实现思路
为至少在一定程度上克服相关技术中存在的问题,本申请提供慢性病案特征分类处理方法、装置及终端,有助于快速准确得到慢病分级诊疗的辅助决策信息。为实现以上目的,本申请采用如下技术方案:一种浏览器页面兼容性检测的方法,所述方法包括:在不同的浏览器中运行UI自动化脚本;在运行所述UI自动化脚本时,按步骤进行截图操作,得到不同的浏览器对应的图片;将所述不同的浏览器对应的图片存贮到文件服务器中,并记录所述文件的存放地址;根据所述不同的浏览器对应的图片,和/或,所述文件的存放地址,调用图片对比工具,进行图片参数对比,得到不同浏览器页面图片是否一致的结果;若所述不同浏览器页面图片一致,则将记录通过;若所述所述不同浏览器页面图片一致,则对所述对比结果进行浏览器页面兼容性分析,输出浏览器页面兼容性报告。进一步地,所述不同的浏览器,包括:电脑上的不同的浏览器,和/或,移动终端上的不同的浏览器。进一步地,所述图片参数包括图片的分辨率,和/或,图片中按钮的位置,和/或,图片大小。进一步地,按步骤进行截图操作,得到不同步骤中不同的浏览器对应的图片,包括对所述不同步骤中不同的浏览器对应的图片标记图片名称。进一步地,所述调用图片对比工具,进行图片参数对比,包括:图片对比工具根据图片名称对所述不同步骤中不同的浏览器对应的图片进行分类。本申请采用以上技术方案,至少具备以下有益效果:本申请提供的一种浏览器页面兼容性检测的方法,通过在不同的浏览器中运行UI自动化脚本;在运行自动化脚本时,按步骤进行截图操作,得到不同的浏览器对应的图片;将不同的浏览器对应的图片存贮到文件服务器中,并记录文件的存放地址;根据不同的浏览器对应的图片,和/或,文件的存放地址,调用图片对比工具,进行图片参数对比,得到不同浏览器页面图片是否一致的结果;若不同浏览器页面图片一致,则将记录通过;若所述所述不同浏览器页面图片一致,则对所述对比结果进行浏览器页面兼容性分析,输出浏览器页面兼容性报告。能够快速获取到图片对比结果,在系统中生成相应的测试报告,快速披露浏览器页面兼容性的问题。应当理解的是,以上的一般描述和后文的细节描述仅是示例性和解释性的,并不能限制本申请。附图说明为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1是根据一示例性实施例示出的一种浏览器页面兼容性检测的方法的流程图。具体实施方式为使本申请的目的、技术方案和优点更加清楚,下面将对本申请的技术方案进行详细的描述。显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所得到的所有其它实施方式,都属于本申请所保护的范围。请参阅图1,图1是根据一示例性实施例示出的一种浏览器页面兼容性检测的方法的流程图,如图1所示,该浏览器页面兼容性检测的方法包括如下步骤:步骤S101、在不同的浏览器中运行UI自动化脚本;步骤S102、在运行所述自动化脚本时,按步骤进行截图操作,得到不同的浏览器对应的图片;还包括对不同步骤中不同的浏览器对应的图片标记图片名称。步骤S103、将所述不同的浏览器对应的图片存贮到文件服务器中,并记录所述文件的存放地址;步骤S104、根据所述不同的浏览器对应的图片,和/或,所述文件的存放地址,调用图片对比工具,进行图片参数对比,得到不同浏览器页面图片是否一致的结果;其中,图片参数包括图片的分辨率,和/或,图片中按钮的位置,和/或,图片大小。具体地,图片对比工具根据图片名称对所述不同步骤中不同的浏览器对应的图片进行分类,多个对比工具可同时运行,同时对图片进行快速处理。使用大数据或人工智能等技术,对图片进行分析。包含但不限于图片中每个按钮的位置,页面图片是否一致,图片是否有缺失等,从而判断是否有页面的兼容性问题。步骤S105、若所述不同浏览器页面图片一致,则将记录通过;步骤S106、若所述所述不同浏览器页面图片一致,则对所述对比结果进行浏览器页面兼容性分析,输出浏览器页面兼容性报告。现有技术中页面兼容性检测工具如:BeyondCompare等,对比的是图片本身,如像素,问题等。无法更加细致地分析出是否有兼容性问题。同时,这类工具也无法通过接口层调用,无法封装在自动化脚本中。本申请所提供的技术方案,通过在不同的浏览器中运行UI自动化脚本;在运行自动化脚本时,按步骤进行截图操作,得到不同的浏览器对应的图片;将不同的浏览器对应的图片存贮到文件服务器中,并记录文件的存放地址;根据不同的浏览器对应的图片,和/或,文件的存放地址,调用图片对比工具,进行图片参数对比,得到不同浏览器页面图片是否一致的结果;若不同浏览器页面图片一致,则将记录通过;若所述所述不同浏览器页面图片一致,则对所述对比结果进行浏览器页面兼容性分析,输出浏览器页面兼容性报告。通过大量分析图片之间的差异,动态判断是否有浏览器页面兼容性问题,并返回具体的兼容性报告。通过本专利技术,可以快速地定位和发现浏览器兼容性问题,提醒对应测试人员及时解决。作为上述实施例的进一步改进,一些实施例中,所述不同的浏览器,包括:电脑上的不同的浏览器,和/或,移动终端上的不同的浏览器。可以理解为,通过在不同的设备上执行本专利技术中脚本,并进行图片分析,可以发现同一脚本之间在不同设备上的浏览器兼容性问题。可以理解的是,上述各实施例中相同或相似部分可以相互参考,在一些实施例中未详细说明的内容可以参见其他实施例中相同或相似的内容。需要说明的是,在本申请的描述中,术语“第一”、“第二”等仅用于描述目的,而不能理解为指示或暗示相对重要本文档来自技高网...

【技术保护点】
1.一种浏览器页面兼容性检测的方法,其特征在于,所述方法包括:/n在不同的浏览器中运行UI自动化脚本;/n在运行所述自动化脚本时,按步骤进行截图操作,得到不同的浏览器对应的图片;/n将所述不同的浏览器对应的图片存贮到文件服务器中,并记录所述文件的存放地址;/n根据所述不同的浏览器对应的图片,和/或,所述文件的存放地址,调用图片对比工具,进行图片参数对比,得到不同浏览器页面图片是否一致的结果;/n若所述不同浏览器页面图片一致,则将记录通过;/n若所述所述不同浏览器页面图片一致,则对所述对比结果进行浏览器页面兼容性分析,输出浏览器页面兼容性报告。/n

【技术特征摘要】
1.一种浏览器页面兼容性检测的方法,其特征在于,所述方法包括:
在不同的浏览器中运行UI自动化脚本;
在运行所述自动化脚本时,按步骤进行截图操作,得到不同的浏览器对应的图片;
将所述不同的浏览器对应的图片存贮到文件服务器中,并记录所述文件的存放地址;
根据所述不同的浏览器对应的图片,和/或,所述文件的存放地址,调用图片对比工具,进行图片参数对比,得到不同浏览器页面图片是否一致的结果;
若所述不同浏览器页面图片一致,则将记录通过;
若所述所述不同浏览器页面图片一致,则对所述对比结果进行浏览器页面兼容性分析,输出浏览器页面兼容性报告。


2.根据权利要求1所述...

【专利技术属性】
技术研发人员:谷森张元飞
申请(专利权)人:上海中通吉网络技术有限公司
类型:发明
国别省市:上海;31

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1