CN107885662A - 一种基于多浏览器多版本兼容性问题的测试方法 - Google Patents

Abstract

本发明涉及一种基于多浏览器多版本兼容性问题的测试方法，包括如下步骤：开发图形UI界面基础框架，以界面功能模块形式，将各种浏览器集成到所述图形UI界面基础框架封装成软件产品，安装到客户端；打开界面，通过一级下拉框按钮选择测试浏览器，通过二级下拉框按钮选择所述测试浏览器的版本；输入URL路径，按回车键显示界面，测试显示界面各组件的功能。通过选择切换不同浏览器，来选择其需要用到的浏览器版本号来查看界面。这样大大节省了研发以及测试人员的时间来解决界面的兼容性问题，给用户视觉提供更好的改善。

Description

一种基于多浏览器多版本兼容性问题的测试方法

技术领域

本发明属于浏览器兼容测试技术领域，具体涉及一种基于多浏览器多版本兼容性问题的测试方法。

背景技术

在互联网飞速发展的时代，由于B/S结构的产品使用更加方便快捷，所以逐渐取代了C/S结构化的产品， SSR集中管理平台就是B/S产品。SSR分为管理平台和客户端安全引擎两个子***，由两者配合完成相关功能。SSR客户端安装在需要保护的主机上面，管理平台安装在单独的主机上面。管理平台包括：安全监控、资源管理、策略管理、日志报表、***管理等模块。管理员通过管理平台进行配置，管理平台存储并下发到客户端引擎。管理平台提供安全消息总线，与客户端引擎保持通信。可以通过SSR管理平台对安装在资源（物理机、虚拟机、虚拟化软件）上的SSR客户端进行策略分发、修改、查询、删除等功能。客户端引擎基于跨平台的客户端引擎框架，是策略执行者和日志的产生者，可通过管理平台对记录的日志进行审计。SSR管理平台是可以通过Web浏览器来访问的界面，可以控制下发各种策略。

在这种结构下，产品的用户交互界面是通过WEB浏览器来访问。所以用户对产品的界面越来越重视。但是每个PC机所安装的浏览器不同，所使用浏览器内核不同。就是一个界面在不同的浏览器会出现不同的展现方式，甚至于在相同浏览器的不同版本下也会产生不同的展现效果。对，这就是浏览器的造成的界面兼容性问题造成的。如果我们想知道每个浏览器以及浏览器每个版本的WEB界面的所存在的兼容性问题势必要把这些浏览器全部安装。需要多台设备安装不同浏览器的不同版本来测试浏览器的兼容性问题。这给WEB前端开发人员以及测试人员都造成了很大的困惑以及产生了很大的工作量。此为现有技术的不足之处。

发明内容

本发明的目的在于，针对上述现有技术存在的缺陷，提供设计一种基于多浏览器多版本兼容性问题的测试方法，以解决上述技术问题。

为了达到上述目的，本发明的技术方案是：

一种基于多浏览器多版本兼容性问题的测试方法，包括如下步骤：

将多浏览器和每个浏览器的不同版本封装成软件产品，安装到客户端；

打开界面，通过一级下拉框按钮选择测试浏览器，通过二级下拉框按钮选择所述测试浏览器的版本；

输入URL路径，按回车键显示界面，测试显示界面各组件的功能。

进一步的，将多浏览器和每个浏览器的不同版本封装成软件产品，安装到客户端，包括：

开发图形UI界面基础框架，以界面功能模块形式，将各种浏览器集成到所述图形UI界面基础框架，在基础框架的模块标题栏显示此模块内部嵌入的浏览器名称及版本。

进一步的，开发图形UI界面基础框架，以界面功能模块形式，将各种浏览器集成到所述图形UI界面基础框架，在基础框架的模块标题栏显示此模块内部嵌入的浏览器名称及版本，还包括：

隐藏浏览器的软件显示的界面，只保留操作页面功能时的工具栏及菜单栏。

进一步的，基础框架的模块标题栏的一级下拉框按钮用于选择测试的浏览器型号；二级下拉框用于选择浏览器的版本号。

进一步的，输入URL路径按回车键显示界面，测试显示界面各组件的功能，包括：

输入测试界面的URL路径按回车显示测试界面，获取第一网页，并保存第一网页的界面图片；

选择同型号浏览器的不同版本或选其他型号的浏览器，输入测试界面的URL路径按回车显示测试界面，获取第二网页，并保存第二网页的界面图片；

对保存的网页的界面图片进行预处理建立图片索引表，根据图片索引表对第一网页和第二网页显示结果进行比对，并生成测试报告。

进一步的，对保存的网页的界面图片进行预处理建立图片索引表，根据图片索引表对第一网页和第二网页显示结果进行比对，并生成测试报告，包括：

从所述第一网页和第二网页分别获取多维度特征值，其中包括至少一个图像元素的特征值和/或至少一个文本元素的特征值，根据获取的特征值建立图片索引表；

从第一网页获取每个文本元素的特征值，同时从第二网页获取相应文本元素的特征值，将第一网页获取所述特征值的文本元素和从第二网页获取所述特征值的相应文本元素组成文本元素对，通过比较文本元素对的特征值判断该文本元素对的兼容性；以及，从第一网页获取每个图像元素的特征值，同时从第二网页获取相应图像元素的特征值，将第一网页获取所述特征值的图像元素和从第二网页获取所述特征值的相应图像元素组成图像元素对，通过比较图像元素对的特征值判断该图像元素对的兼容性。

进一步的，读取对于显示第一网页的浏览器和显示第二网页的浏览器的某个特征值预先设定的数值范围；

判断显示第一网页的浏览器的某个特征值与显示第二网页的浏览器相对应元素的特征值之差是否在预先设定的数值范围内；

若在设定的数值范围内，判断两个浏览器的该特征值对应的元素对兼容，否在判断两个浏览器的该特征值对应的元素对不兼容。

进一步的，判断所述文本元素对兼容时需判断所述文本元素对中的一个文本元素的每个文本行与另一文本元素的对应文本行均兼容。

进一步的，图像元素的特征值包括表示颜色分布的颜色矩、空间关系特征值、纹理特征值。

用户选择该浏览器在本浏览中选择所需要的版本来查看界面，这样对于WEB前端人员以及测试人员都节省不少时间，可以很快发现界面的兼容性问题以及快速去解决问题。

本发明的有益效果在于，通过开发图形UI界面基础框架，以界面功能模块形式，将各种不同内核浏览器的不同版本的浏览器集成到所述图形UI界面基础框架，通过选择切换不同浏览器，来选择其需要用到的浏览器版本号来查看界面。这样大大节省了研发以及测试人员的时间来解决界面的兼容性问题，给用户视觉提供更好的改善。

此外，本发明设计原理可靠，结构简单，具有非常广泛的应用前景。

由此可见，本发明与现有技术相比，具有突出的实质性特点和显著地进步，其实施的有益效果也是显而易见的。

附图说明

图1为本发明提供的一种基于多浏览器多版本兼容性问题的测试方法流程图。

图2为本发明实施例提供的图形UI界面基础框架示意图。

具体实施方式

下面结合附图并通过具体实施例对本发明进行详细阐述，以下实施例是对本发明的解释，而本发明并不局限于以下实施方式。

如图1、图2所示本发明实施例1提供的一种基于多浏览器多版本兼容性问题的测试方法，包括如下步骤：

将多浏览器和每个浏览器的不同版本封装成软件产品，安装到客户端；

打开界面，通过一级下拉框按钮选择测试浏览器，通过二级下拉框按钮选择所述测试浏览器的版本；

输入URL路径，按回车键显示界面，测试显示界面各组件的功能。

将多浏览器和每个浏览器的不同版本封装成软件产品，安装到客户端，包括：

开发图形UI界面基础框架，以界面功能模块形式，将各种浏览器集成到所述图形UI界面基础框架，在基础框架的模块标题栏显示此模块内部嵌入的浏览器名称及版本。

开发图形UI界面基础框架，以界面功能模块形式，将各种浏览器集成到所述图形UI界面基础框架，在基础框架的模块标题栏显示此模块内部嵌入的浏览器名称及版本，还包括：

隐藏浏览器的软件显示的界面，只保留操作页面功能时的工具栏及菜单栏。

基础框架的模块标题栏的一级下拉框按钮用于选择测试的浏览器型号；二级下拉框用于选择浏览器的版本号。

输入URL路径按回车键显示界面，测试显示界面各组件的功能，包括：

输入测试界面的URL路径按回车显示测试界面，获取第一网页，并保存第一网页的界面图片；

选择同型号浏览器的不同版本或选其他型号的浏览器，输入测试界面的URL路径按回车显示测试界面，获取第二网页，并保存第二网页的界面图片；

对保存的网页的界面图片进行预处理建立图片索引表，根据图片索引表对第一网页和第二网页显示结果进行比对，并生成测试报告。

对保存的网页的界面图片进行预处理建立图片索引表，根据图片索引表对第一网页和第二网页显示结果进行比对，并生成测试报告，包括：

从所述第一网页和第二网页分别获取多维度特征值，其中包括至少一个图像元素的特征值和/或至少一个文本元素的特征值，根据获取的特征值建立图片索引表；

从第一网页获取每个文本元素的特征值，同时从第二网页获取相应文本元素的特征值，将第一网页获取所述特征值的文本元素和从第二网页获取所述特征值的相应文本元素组成文本元素对，通过比较文本元素对的特征值判断该文本元素对的兼容性；以及，从第一网页获取每个图像元素的特征值，同时从第二网页获取相应图像元素的特征值，将第一网页获取所述特征值的图像元素和从第二网页获取所述特征值的相应图像元素组成图像元素对，通过比较图像元素对的特征值判断该图像元素对的兼容性。

读取对于显示第一网页的浏览器和显示第二网页的浏览器的某个特征值预先设定的数值范围；

判断显示第一网页的浏览器的某个特征值与显示第二网页的浏览器相对应元素的特征值之差是否在预先设定的数值范围内；

若在设定的数值范围内，判断两个浏览器的该特征值对应的元素对兼容，否在判断两个浏览器的该特征值对应的元素对不兼容。

判断所述文本元素对兼容时需判断所述文本元素对中的一个文本元素的每个文本行与另一文本元素的对应文本行均兼容。

图像元素的特征值包括表示颜色分布的颜色矩、空间关系特征值、纹理特征值。

实施例2，开发图形UI界面基础框架，以界面功能模块形式，把IE浏览器（Internetexplorer）、 Safari浏览器、 Firefox浏览器、 Opera浏览器、 Chrome浏览器以及各浏览器的不同版本集成到图形UI界面基础框架。界面中有下拉框可以选择不同的浏览器名称，然后不同的版本号。不同浏览器之间可以相互切换，切换到不同浏览器以后可以选择当前浏览器的版本来测试相关的界面兼容问题。

用户使用该产品时候下载安装所封装好的安装包，里面程序包含不同浏览器的不同版本的环境。首先打开其产品选择所需要用到的环境，测试 Firefox浏览器的39、54这2个版本和IE浏览器的IE8这两个浏览器的版本之间的兼容性问题：

步骤1：通过一级下拉框按钮选择目前所需要测试的浏览器，选择IE浏览器，二级下拉框会出现IE浏览器的不同版本号的选择，选择IE8，输入待测试的SSR集中管理平台的URL路径，按回车键显示界面，获取第一网页，并保存第一网页的界面图片；

步骤2：通过一级下拉框按钮选择目前所需要测试的浏览器，选择Firefox浏览器，二级下拉框会出现火狐浏览器的不同版本号的选择，选择39，输入待测试的SSR集中管理平台的管理界面URL路径，按回车键显示界面，获取第二网页，并保存第二网页的界面图片；

步骤3：对保存的第一网页和第二网页的界面图片进行预处理建立图片索引表，根据图片索引表对第一网页和第二网页显示结果进行比对，判断IE8浏览器与Firefox 39浏览器兼容性问题并生成测试报告。

步骤4：通过版本号选择的方式，选择火狐浏览器的其它版本号54，输入待测试的SSR集中管理平台的管理界面URL路径，按回车键显示界面，获取第三网页，并保存第三网页的界面图片；

步骤5：对保存的第一网页和第三网页的界面图片进行预处理建立图片索引表，根据图片索引表对第一网页和第三网页显示结果进行比对，判断IE8浏览器与Firefox 54浏览器兼容性问题并生成测试报告。

以上公开的仅为本发明的优选实施方式，但本发明并非局限于此，任何本领域的技术人员能思之的没有创造性的变化，以及在不脱离本发明原理前提下所作的若干改进和润饰，都应落在本发明的保护范围内。

Claims (8)

1.一种基于多浏览器多版本兼容性问题的测试方法，其特征在于，包括如下步骤：

将多浏览器和每个浏览器的不同版本封装成软件产品，安装到客户端；

打开界面，通过一级下拉框按钮选择测试浏览器，通过二级下拉框按钮选择所述测试浏览器的版本；

输入测试网页的URL路径，按回车键显示界面，测试显示界面各组件的功能。

2.根据权利要求1所述的一种基于多浏览器多版本兼容性问题的测试方法，其特征在于，

将多浏览器和每个浏览器的不同版本封装成软件产品，安装到客户端，包括：

开发图形UI界面基础框架，以界面功能模块形式，将各种浏览器集成到所述图形UI界面基础框架，在基础框架的模块标题栏显示此模块内部嵌入的浏览器名称及版本。

3.根据权利要求2所述的一种基于多浏览器多版本兼容性问题的测试方法，其特征在于，

开发图形UI界面基础框架，以界面功能模块形式，将各种浏览器集成到所述图形UI界面基础框架，在基础框架的模块标题栏显示此模块内部嵌入的浏览器名称及版本，还包括：

隐藏浏览器的软件显示的界面，只保留操作页面功能时的工具栏及菜单栏。

4.根据权利要求3所述的一种基于多浏览器多版本兼容性问题的测试方法，其特征在于，

输入URL路径按回车键显示界面，测试显示界面各组件的功能，包括：

输入测试界面的URL路径按回车显示测试界面，获取第一网页，并保存第一网页的界面图片；

选择同型号浏览器的不同版本或选其他型号的浏览器，输入测试界面的URL路径按回车显示测试界面，获取第二网页，并保存第二网页的界面图片；

对保存的网页的界面图片进行预处理建立图片索引表，根据图片索引表对第一网页和第二网页显示结果进行比对，并生成测试报告。

5.根据权利要求4所述的一种基于多浏览器多版本兼容性问题的测试方法，其特征在于，

对保存的网页的界面图片进行预处理建立图片索引表，根据图片索引表对第一网页和第二网页显示结果进行比对，并生成测试报告，包括：

从所述第一网页和第二网页分别获取多维度特征值，其中包括至少一个图像元素的特征值和/或至少一个文本元素的特征值，根据获取的特征值建立图片索引表；

从第一网页获取每个文本元素的特征值，同时从第二网页获取相应文本元素的特征值，将第一网页获取所述特征值的文本元素和从第二网页获取所述特征值的相应文本元素组成文本元素对，通过比较文本元素对的特征值判断该文本元素对的兼容性；以及，从第一网页获取每个图像元素的特征值，同时从第二网页获取相应图像元素的特征值，将第一网页获取所述特征值的图像元素和从第二网页获取所述特征值的相应图像元素组成图像元素对，通过比较图像元素对的特征值判断该图像元素对的兼容性。

6.根据权利要求5所述的一种基于多浏览器多版本兼容性问题的测试方法，其特征在于，

读取对于显示第一网页的浏览器和显示第二网页的浏览器的某个特征值预先设定的数值范围；

判断显示第一网页的浏览器的某个特征值与显示第二网页的浏览器相对应元素的特征值之差是否在预先设定的数值范围内；

若在设定的数值范围内，判断两个浏览器的该特征值对应的元素对兼容，否在判断两个浏览器的该特征值对应的元素对不兼容。

7.根据权利要求6所述的一种基于多浏览器多版本兼容性问题的测试方法，其特征在于，

判断所述文本元素对兼容时需判断所述文本元素对中的一个文本元素的每个文本行与另一文本元素的对应文本行均兼容。

8.根据权利要求7所述的一种基于多浏览器多版本兼容性问题的测试方法，其特征在于，

图像元素的特征值包括表示颜色分布的颜色矩、空间关系特征值、纹理特征值。