[发明专利]网页用户界面的浏览器兼容性测试方法和系统

说明书

技术领域

本发明涉及浏览器兼容性测试技术领域，特别涉及一种网页用户界面的浏览器兼容性测试方法和系统。

背景技术

随着网络(Web)技术的快速发展，Web页面已经能够支持几乎所有媒体类型的信息发布，在基于Web的系统变得越来越复杂和强大的同时，Web开发中Web页面的测试工作也变得越来越重要和具有挑战性。

用户界面(UI)测试是Web页面测试中的一个重要方面，而UI测试中浏览器兼容性的测试至关重要。Web页面的UI必须兼容各个主流的浏览器，才能保证大部分用户能够正常使用Web页面。

目前在测试浏览器兼容性时，通常采用对主流浏览器逐一进行测试的方法，如同样的一套Web页面测试用例，利用测试工具分别用IE浏览器和Chrome浏览器执行一遍，根据各个执行结果得到Web页面的UI的浏览器兼容性。

现有的浏览器兼容性测试方案至少具有如下缺陷：

由于需要利用测试工具分别对主流浏览器逐一进行测试，所耗费的人力资源和时间都成倍增长，测试成本较高。

发明内容

本发明提供的网页用户界面的浏览器兼容性测试方法和系统，以解决现有测试方案所耗费的人力资源较多、测试时间过长及测试成本较高的问题。

为达到上述目的，本发明实施例采用了如下技术方案：

本发明实施例提供了一种网页用户界面的浏览器兼容性测试方法，所述网页具有用户交互功能，所述方法包括：

利用第一浏览器访问网页中的用户交互功能并生成第一交互信息，其中，所需测试的浏览器包括第一浏览器；

通过分别在所需测试的各浏览器下查看所述第一交互信息来测试网页用户界面UI的浏览器兼容性。

本发明实施例还提供了一种网页用户界面的浏览器兼容性测试系统，所述网页具有用户交互功能，所述系统包括：

交互访问端，利用第一浏览器访问网页中的用户交互功能并生成第一交互信息，其中，所需测试的浏览器包括第一浏览器；

网页测试端，通过分别在所需测试的各浏览器下查看所述第一交互信息来测试网页用户界面UI的浏览器兼容性。

本发明实施例的有益效果是：

本发明实施例通过利用网页中的用户交互功能来测试网页UI的浏览器兼容性，提供了一种新型的浏览器兼容性测试方案。本方案无需利用专有的测试工具，测试操作简单，且完全可以在测试用户交互功能的同时实现对网页UI浏览器兼容性的测试，显著降低了测试所需的人力资源、缩短了测试时间、降低了测试成本。

附图说明

图1为本发明实施例一提供的一种网页用户界面的浏览器兼容性测试方法流程图；

图2为本发明实施例二提供的一种网页用户界面的浏览器兼容性测试系统结构图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步地详细描述。

参见图1，为本发明实施例一提供的一种网页用户界面的浏览器兼容性测试方法，所测试的网页(Web页面)具有用户交互功能，所述方法包括：

11：利用第一浏览器访问网页中的用户交互功能并生成第一交互信息，其中，所需测试的浏览器包括第一浏览器。

具体的，接收用户利用第一浏览器向用户交互功能发送的信息发布指令，解析所述信息发布指令，提取出所需发布的信息，将该所需发布的信息作为第一交互信息。

12：通过分别在所需测试的各浏览器下查看所述第一交互信息来测试网页用户界面(UI)的浏览器兼容性。

本实施例对浏览器兼容性的测试可以在对用户交互功能的测试过程中同时执行，由于具有用户交互功能的网页能够生成交互信息并将在交互信息在浏览器上显示出来，则当在一个浏览器下正确显示该交互信息时，即表明网页具有用户交互功能，实现了对用户交互功能的测试。

在步骤12中，通过在不同浏览器下查看所显示的第一交互信息是否正确来判断网页是否具有浏览器兼容性。

正确显示的交互信息为内容和页面样式都正确显示的信息。

本实施例分别在所需测试的各浏览器下查看所显示的第一交互信息的页面样式是否与预定UI样式一致，若一致，确定网页UI兼容所测试的浏览器，若不一致，确定网页UI不兼容所测试的浏览器。该预定UI样式指示所期望显示的UI的图案，包括界面中各部分的位置信息和属性信息(如颜色、形状等)。