CN106326091B - 一种浏览器网页兼容性的检测方法及系统 - Google Patents

Abstract

一种浏览器网页兼容性的检测方法及系统，该方法包括：在已启动的标准浏览器中打开测试网站，获取该测试网站中的待测试项目集合，在标准浏览器中依次打开待测试项目集合中的待测试项目，并通过单步截图的方式得到该待测试项目集合在该标准浏览器中的第一图片集合；在已启动的待测试浏览器中依次打开该待测试项目集合中的待测试项目，按照单步截图的方式得到该待测试项目集合在待测试浏览器中的第二图片集合，根据第一图片集合及第二图片集合的图片相似率确定该待测试浏览器网页兼容性，不需要人工操作，即可完成浏览器的浏览器网页兼容性的检测，能够有效节约人工成本，且不需要通过规则库即可对浏览器网页兼容性进行检测，检测过程更加简单方便。

Description

一种浏览器网页兼容性的检测方法及系统

技术领域

本发明涉及互联网测试领域，尤其涉及一种浏览器的浏览器网页兼容性的检测方法及终端。

背景技术

随着社会的发展，越来越多的用户通过各种自己喜爱的浏览器进行网页浏览。由于浏览器的种类繁多，同时很多客户一直使用非标准的旧版本的浏览器，使得网页开发工程师必须具备跨浏览器开发的能力，其开发的网页应用必须能兼容多种主流的浏览器，以确保网页应用在不同的浏览器环境中具有相同的外观和功能。

目前，开发出来的浏览器需要使用大量的网站进行兼容性测试，目前，现有技术中有至少以下两种方式用于检测浏览器网页兼容性。一种是利用标准浏览器访问开发的网站中的超链接，生成交互信息，该交互信息中包含超链接打开后的网页的内容，并由测试人员在待测试的浏览器下查看该交互信息并由测试人员确定该待测试的浏览器打开的网页是否和标准浏览器打开的网页显示界面一致以确定该待测试的浏览器是否兼容。然而此种方式人工成本较高，检测所消耗的时间长。另一种是通过网页代码静态扫描，匹配规则库进行浏览器兼容性测试，具体的：测试系统对网页应用的页面代码进行预处理，获取页面代码的类型，根据该页面代码的类型获取相应的兼容性规则库，并对页面代码进行语法解析，获取页面代码的语法树，根据兼容性规则以及语法树对页面代码进行静态扫描测试，将静态扫描测试的结果输出，从而实现对浏览器兼容性的测试。

然而，现有技术中的第一种测试方式的人工成本较高，检测所消耗的时间也很长，第二种测试方式需要准备大量的适用于被测试浏览器的规则库，复杂度高。

发明内容

有鉴于此，本发明提供一种浏览器网页兼容性的检测方法，用于解决现有技术中检测浏览器网页兼容性所需要的人工成本高且消耗的时间长，及需要浏览器的规则库等问题。

本发明实施例提供的浏览器网页兼容性的检测方法，包括：

在已启动的标准浏览器中打开测试网站，获取所述测试网站中的待测试项目集合；

在所述标准浏览器中依次打开所述待测试项目集合中的待测试项目，并通过单步截图的方式得到所述待测试项目集合在所述标准浏览器中的第一图片集合；

在已启动的待测试浏览器中依次打开所述待测试项目集合中的待测试项目，按照所述单步截图的方式得到所述待测试项目集合在所述待测试浏览器中的第二图片集合；

根据所述第一图片集合及所述第二图片集合的图片相似率确定所述待测试浏览器的浏览器网页兼容性。

本发明实施例提供的浏览器网页兼容性的检测系统，包括：

获取单元，用于在已启动的标准浏览器中打开测试网站，获取所述测试网站中的待测试项目集合；

第一截图单元，用于在所述获取单元得到所述待测试项目集合之后，在所述标准浏览器中依次打开所述待测试项目集合中的待测试项目，并通过单步截图的方式得到所述待测试项目集合在所述标准浏览器中的第一图片集合；

第二截图单元，用于在所述第一截图单元得到所述第一图片集合之后，在已启动的待测试浏览器中依次打开所述待测试项目集合中的待测试项目，按照所述单步截图的方式得到所述待测试项目集合在所述待测试浏览器中的第二图片集合；

确定单元，用于在所述第二截图单元得到所述第二图片集合之后，根据所述第一图片集合及所述第二图片集合的图片相似率确定所述待测试浏览器的浏览器网页兼容性。

从以上技术方案可以看出，本发明实施例具有以下优点：

在已启动的标准浏览器中打开测试网站，获取该测试网站中的待测试项目集合，在标准浏览器中依次打开待测试项目集合中的待测试项目，并通过单步截图的方式得到该待测试项目集合在该标准浏览器中的第一图片集合；在已启动的待测试浏览器中依次打开该待测试项目集合中的待测试项目，按照单步截图的方式得到该待测试项目集合在待测试浏览器中的第二图片集合，最后根据第一图片集合及第二图片集合的图片相似率确定该待测试浏览器网页兼容性。通过在标准浏览器及待测试浏览器中对网站的待测试项目进行截图确定图片相似率的方式检测待测试浏览器网页兼容性，使得不需要人工操作，即可完成浏览器的浏览器网页兼容性的检测，能够有效节约人工成本，且不需要通过规则库即可对浏览器网页兼容性进行检测，检测过程更加简单方便。

为让本发明的上述和其他目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附图式，作详细说明如下。

附图说明

图1为本发明实施例中终端的结构的示意图；

图2为本发明实施例中浏览器网页兼容性的检测方法的流程的一个示意图；

图3为本发明实施例中浏览器网页兼容性的检测方法的流程的另一示意图；

图4为本发明实施例中浏览器网页兼容性的检测系统的结构的一个示意图；

图5为本发明实施例中浏览器网页兼容性的检测系统的结构的一个示意图。

具体实施方式

为更进一步阐述本发明为实现预定发明目的所采取的技术手段及功效，以下结合附图及较佳实施例，对依据本发明的具体实施方式、结构、特征及其功效，详细说明如后。

在本发明实施例中，浏览器网页兼容性的检测系统能够对待测试浏览器的浏览器网页兼容性进行检测，具体的，检测系统开启标准浏览器及待测试浏览器，在标准浏览器上打开测试网站，获取测试网站中的待测试项目集合；并在标准浏览器中依次打开待测试项目集合中的待测试项目，通过单步截图的方式得到待测试项目集合在标准浏览器中的第一图片集合，且检测系统还将在待测试浏览器中依次打开待测试项目集合中的待测试项目，按照单步截图的方式得到待测试项目集合在待测试浏览器中的第二图片集合，并将待测试项目在第一图片集合中的图片与在第二图片集合中的图片进行比较，确定该待测试项目的图片相似率，并可通过上述的比较得到待测试项目集合中的每一个待测试项目的图片相似率，基于该图片相似率即可确定待测试浏览器的浏览器网页兼容性。该方法门槛低，适用于多种浏览器，能够显著降低浏览器网页兼容性的检测所需要的人力资源，缩短测试时间，且不需要建立规则库，快速方便。

在本发明实施例中，浏览器网页兼容性的检测系统是运行在终端上的，请参阅图1，为本发明实施例中终端的结构的示意图，如图1所示，终端包括存储器102、存储控制器104，一个或多个(图中仅示出一个)处理器106、外设接口108、射频模块110、定位模块112、摄像模块114、音频模块116、触控屏幕118以及按键模块120。这些组件通过一条或多条通讯总线/信号线122相互通讯。

可以理解，图1所示的结构仅为示意，终端还可包括比图1中所示更多或者更少的组件，或者具有与图1所示不同的配置。图1中所示的各组件可以采用硬件、软件或其组合实现。

存储器102可用于存储软件程序以及模块，如本发明实施例中的在终端内字符输入方法及装置对应的程序指令/模块，处理器102通过运行存储在存储器104内的软件程序以及模块，从而执行各种功能应用以及数据处理，即实现上述的在终端内对浏览器网页兼容性的检测方法。

存储器102可包括高速随机存储器，还可包括非易失性存储器，如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中，存储器102可进一步包括相对于处理器106远程设置的存储器，这些远程存储器可以通过网络连接至终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。处理器106以及其他可能的组件对存储器102的访问可在存储控制器104的控制下进行。

外设接口108将各种输入/输入装置耦合至CPU以及存储器102。处理器106运行存储器102内的各种软件、指令以执行终端的各种功能以及进行数据处理。

在一些实施例中，外设接口108，处理器106以及存储控制器104可以在单个芯片中实现。在其他一些实例中，他们可以分别由独立的芯片实现。

射频模块110用于接收以及发送电磁波，实现电磁波与电信号的相互转换，从而与通讯网络或者其他设备进行通讯。射频模块110可包括各种现有的用于执行这些功能的电路元件，例如，天线、射频收发器、数字信号处理器、加密/解密芯片、用户身份模块(SIM)卡、存储器等等。射频模块110可与各种网络如互联网、企业内部网、无线网络进行通讯或者通过无线网络与其他设备进行通讯。上述的无线网络可包括蜂窝式电话网、无线局域网或者城域网。上述的无线网络可以使用各种通信标准、协议及技术，包括但并不限于全球移动通信系统(Global System for Mobile Communication,GSM)、增强型移动通信技术(Enhanced Data GSM Environment,EDGE),宽带码分多址技术(wideband code divisionmultiple access,W-CDMA)，码分多址技术(Code division access,CDMA)、时分多址技术(time division multiple access,TDMA)，蓝牙，无线保真技术(Wireless,Fidelity，WiFi)(如美国电气和电子工程师协会标准IEEE802.11a，IEEE 802.11b,IEEE802.11g和/或IEEE 802.11n)、网络电话(Voice over internet protocal,VoIP)、全球微波互联接入(Worldwide Interoperability for Microwave Access，Wi-Max)、其他用于邮件、即时通讯及短消息的协议，以及任何其他合适的通讯协议，甚至可包括那些当前仍未被开发出来的协议。

定位模块112用于获取终端的当前位置。定位模块112的实例包括但不限于全球卫星定位系统(GPS)、基于无线局域网或者移动通信网的定位技术。

摄像模块114用于拍摄照片或者视频。拍摄的照片或者视频可以存储至存储器102内，并可通过射频模块110发送。

音频模块116向用户提供音频接口，其可包括一个或多个麦克风、一个或者多个扬声器以及音频电路。音频电路从外设接口108处接收声音数据，将声音数据转换为电信息，将电信息传输至扬声器。扬声器将电信息转换为人耳能听到的声波。音频电路还从麦克风处接收电信息，将电信号转换为声音数据，并将声音数据传输至外设接口108中以进行进一步的处理。音频数据可以从存储器102处或者通过射频模块110获取。此外，音频数据也可以存储至存储器102中或者通过射频模块110进行发送。在一些实例中，音频模块116还可包括一个耳机播孔，用于向耳机或者其他设备提供音频接口。

触控屏幕118在终端与用户之间同时提供一个输出及输入界面。具体地，触控屏幕118向用户显示视频输出，这些视频输出的内容可包括文字、图形、视频、及其任意组合。一些输出结果是对应于一些用户界面对象。触控屏幕118还接收用户的输入，例如用户的点击、滑动等手势操作，以便用户界面对象对这些用户的输入做出响应。检测用户输入的技术可以是基于电阻式、电容式或者其他任意可能的触控检测技术。触控屏幕118显示单元的具体实例包括但并不限于液晶显示器或发光聚合物显示器。

按键模块120同样提供用户向终端进行输入的接口，用户可以通过按下不同的按键以使终端执行不同的功能。

在本发明实施例中，浏览器网页兼容性的检测系统是运行在上述终端上的，该检测系统能够利用标准浏览器和测试网站对待测试浏览器的浏览器网页兼容性进行检测。

请参阅图2，为本发明实施例中浏览器网页兼容性的检测方法的实施例，包括：

201、在已启动的标准浏览器中打开测试网站，获取测试网站中的待测试项目集合；

在本发明实施例中，检测系统将启动标准浏览器和待测试浏览器，其中，标准浏览器泛指对万维网(World Wide Web，W3C)所定义的CSS2.1规范提供了优秀支持并能完美呈现的浏览器，例如IE浏览器。

在本发明实施例中，检测系统在已启动的标准浏览器中打开测试网站，获取测试网站中的待测试项目集合。

其中，待测试项目为网站中的元素，网站由多个网页组成，一个网站的第一个网页称为主页，主页是所有网页的索引页，通过单机主页上的超链接，可以打开其他的网页。网站的总体结构可以由节点树表示。网页中的元素包括文字、图片、音频、动画、视频、超链接、数据输入接口等等。

在本发明实施例中，待测试项目集合可以是测试网站的所有元素属于预先设置的类型的元素的集合，具体可由检测系统遍历测试网站中的所有元素，将满足预先设置的类型的元素作为待测试项目集合中的待测试项目。其中，预先设置的类型可以是超链接和数据输入接口，其中，若预先设置的类型中包含数据输入接口，则也将预先设置在该数据输入接口中输入的数据，以便能够进入该数据接入接口所对应的页面，该数据可以由检测系统默认设置也可以由测试人员预先设置。其中，一个网页上包含查询接口，该查询接口在该网页上是通过可输入数据的条形方框展示的，用户可在该条形方框内输入需要查询的数据，为了使得能在不同浏览器上打开相同的页面，需要预先设置输入的数。

202、在标准浏览器中依次打开待测试项目集合中的待测试项目，并通过单步截图的方式得到待测试项目集合在标准浏览器中的第一图片集合；

在本发明实施例中，检测系统在标准浏览器中依次打开待测试项目集合中的待测试项目，并通过单步截图的方式得到待测试项目集合在标准浏览器中的第一图片集合。其中，单步截图的意思是每次打开一个页面，则对该页面进行截图，第一图片集合中包含待测试项目集合中的每一个待测试项目集合在标准浏览器中打开后的页面截图。

203、在已启动的待测试浏览器中依次打开待测试项目集合中的待测试项目，按照单步截图的方式得到待测试项目集合在待测试浏览器中的第二图片集合；

在本发明实施例中，检测系统在得到待测试项目集合中的每一个待测试项目在标准浏览器中打开截图得到的第一图片集合之后，在已启动的待测试浏览器中依次打开待测试项目集合中的待测试项目，按照单步截图的方式得到待测试项目集合在待测试浏览器中的第二图片集合，其中，第二图片集合中包括待测试项目集合中的每一个待测试项目在待测试浏览器中打开后的页面截图。

在本发明实施例中，检测系统在已启动的待测试浏览器中依次打开待测试项目集合中的待测试项目之前，还将确定测试网站在该待测试浏览器中打开之后是否能查找到该待测试项目集合中的项目，具体的：检测系统在已启动的待测试浏览器中打开测试网站，遍历该已打开的测试网站的所有元素，确定测试网站在待测试浏览器中打开后是否包含待测试项目集合中的所有待测试项目，若未包含待测试项目集合中的所有待测试项目，则确定该待测试浏览器出现了浏览器网页兼容性问题，检测系统停止对该待测试浏览器进行检测；若包含待测试项目集合中的所有待测试项目，则需要对该待测试浏览器的浏览器网页兼容性进行进一步检测，检测系统将执行步骤203中的内容。

204、根据第一图片集合及第二图片集合的图片相似率确定待测试浏览器的浏览器网页兼容性。

在本发明实施例中，检测系统根据第一图片集合及第二图片集合的图片相似率确定待测试浏览器的浏览器网页兼容性。其中图片相似率是一个待测试项目在第一图片集合中的图片与在第二图片中的图片比较后的相似率。

在本发明实施例中，在已启动的标准浏览器中打开测试网站，获取该测试网站中的待测试项目集合，在标准浏览器中依次打开待测试项目集合中的待测试项目，并通过单步截图的方式得到该待测试项目集合在该标准浏览器中的第一图片集合；在已启动的待测试浏览器中依次打开该待测试项目集合中的待测试项目，按照单步截图的方式得到该待测试项目集合在待测试浏览器中的第二图片集合，最后根据第一图片集合及第二图片集合的图片相似率确定该待测试浏览器网页兼容性。通过在标准浏览器及待测试浏览器中对网站的待测试项目进行截图确定图片相似率的方式检测待测试浏览器网页兼容性，使得不需要人工操作，即可完成浏览器的浏览器网页兼容性的检测，能够有效节约人工成本，且不需要通过规则库即可对浏览器网页兼容性进行检测，检测过程更加简单方便。

为了更好的理解本发明实施例中的技术方案，请参阅图3，为本发明实施例中浏览器网页兼容性的检测方法的实施例，包括：

301、在已启动的标准浏览器中打开测试网站，获取测试网站中的待测试项目集合；

在本发明实施例中，检测系统将启动标准浏览器和待测试浏览器，其中，标准浏览器泛指对万维网(World Wide Web，W3C)所定义的CSS2.1规范提供了优秀支持并能完美呈现的浏览器，例如IE浏览器。

在本发明实施例中，检测系统在已启动的标准浏览器中打开测试网站，获取测试网站中的待测试项目集合。

其中，待测试项目为网站中的元素，网站由多个网页组成，一个网站的第一个网页称为主页，主页是所有网页的索引页，通过单机主页上的超链接，可以打开其他的网页。网站的总体结构可以由节点树表示。网页中的元素包括文字、图片、音频、动画、视频、超链接、数据输入接口等等。

在本发明实施例中，待测试项目集合可以是测试网站的所有元素属于预先设置的类型的元素的集合，具体可由检测系统遍历测试网站中的所有元素，将满足预先设置的类型的元素作为待测试项目集合中的待测试项目。其中，预先设置的类型可以是超链接和数据输入接口，其中，若预先设置的类型中包含数据输入接口，则还需要预先设置在该数据输入接口中输入的数据，以便能够打开该数据输入接口所对应的页面，该数据可以由检测系统默认设置也可以由测试人员预先设置。其中，一个网页上包含查询接口，该查询接口在该网页上是通过可输入数据的条形方框展示的，用户可在该条形方框内输入需要查询的数据，为了使得能在不同浏览器上打开相同的页面，需要预先设置输入的数据。

302、在标准浏览器中遍历待测试项目集合中的待测试项目，打开待测试项目所对应的网页；

303、获取网页的页面截图的图片，将待测试项目的标识与图片的对应关系保存到第一图片集合中；

在本发明实施例中，检测系统获取到待测试项目集合之后，在标准浏览器中遍历待测试项目集合中的待测试项目，打开待测试项目所对应的网页，并获取网页的页面截图的图片，将待测试项目的标识与图片的对应关系保存到第一图片集合中。

在本发明实施例中，待测试项目集合中的待测试项目之间的结构是类似节点树的结构，即一个网页内可以打开多个网页，直至最后一个网页。例如：测试网站的主页上包含多个一级超链接，点进每一个一级超链接都可以打开一个对应的网页，且在该网页内也包含二级超链接，点击该二级超链接则可以进入二级超链接对应的网页。

在本发明实施例中，测试系统是按照待测试项目之间的结构进行遍历的，测试系统每打开一个待测试项目的网页的页面，都将对该页面进行截图，并将截图得到的图片与该待测试项目的标识进行关联，将该图片与该待测试项目的标识的对应关系保存到第一图片集合中。

在本发明实施例中，网页中的元素均具有唯一的标识，因此，待测试项目集合中的每一个待测试项目也具有唯一的标识，该标识能够唯一的标识一个待测试项目。

304、在待测试浏览器中遍历待测试项目集合中的待测试项目，打开待测试项目所对应的网页；

305、获取网页的页面截图的图片，将待测试项目的标识与图片的对应关系保存到第二图片集合中；

在本发明实施例中，测试系统在获取到待测试项目集合在标准浏览器中的第一图片集合之后，将获取该待测试项目集合在待测试浏览器中的第二图片集合，具体的：

测试系统在待测试浏览器中遍历待测试项目集合中的待测试项目集合，打开待测试项目对应的网页，获取该网页的页面截图的图片，将待测试项目的标识与图片的对应关系保存到第二图片集合中。

在本发明实施例中，测试系统在待测试浏览器中遍历待测试项目集合中的待测试项目之前，还将在待测试浏览器中打开该待测试项目集合对应的测试网站，遍历该测试网站中的所有的元素，判断在待测试浏览器中打开的测试网站是否包含该待测试项目集合中的所有待测试项目，其中，待测试项目集合中的待测试项目也为测试网站的元素，若在待测试浏览器中打开的测试网站中包含该待测试项目集合中的所有待测试项目，则将进行执行步骤304中的：在待测试浏览器中遍历待测试项目集合中的待测试项目，打开待测试项目所对应的网页；若在待测试浏览器中打开的测试网站中不包含待该待测试项目集合中的所有待测试项目，则确定该待测试浏览器的浏览器网页兼容性出现问题。

在本发明实施例中，待测试项目集合中的待测试项目之间的结构是类似节点树的结构，即一个网页内可以打开多个网页，直至最后一个网页。例如：测试网站的主页上包含多个一级超链接，点进每一个一级超链接都可以打开一个对应的网页，且在该网页内也包含二级超链接，点击该二级超链接则可以进入二级超链接对应的网页。

在本发明实施例中，测试系统是按照待测试项目之间的结构进行遍历的，测试系统每打开一个待测试项目的网页的页面，都将对该页面进行截图，并将截图得到的图片与该待测试项目的标识进行关联，将该图片与该待测试项目的标识的对应关系保存到第一图片集合中。

在本发明实施例中，网页中的元素均具有唯一的标识，因此，待测试项目集合中的每一个待测试项目也具有唯一的标识，该标识能够唯一的标识一个待测试项目。

306、利用第一图片集合中包含的图片与待测试项目的对应关系及第二图片集合中包含的图片与待测试项目的对应关系计算待测试项目集合中每一个待测试项目的图片相似率，得到待测试项目集合对应的图片相似率集合；

在本发明实施例中，测试系统在得到待测试项目集合在标准浏览器中的第一图片集合和在待测试浏览器中的第二图片集合之后，将利用第一图片集合中包含的图片与待测试项目的对应关系及第二图片集合中包含的图片与待测试项目的对应关系计算待测试项目集合中每一个待测试项目的图片相似率，得到该待测试项目集合对应的图片相似率集合。

具体的：测试系统按照待测试项目集合中的待测试项目的标识，从第一图片集合和第二图片集合中获取与待测试项目的标识对应的图片进行比对，确定该待测试项目的图片相似率，并通过此种比较方式，可得到待测试项目集合中的每一个待测试项目的图片相似率，即可得到待测试项目集合对应的图片相似率集合。例如，对于待测试项目的标识为A的待测试项目，测试系统将从第一图片集合中的待测试项目的标识与图片的对应关系中，查找与待测试项目A对应的图片，该图片为图片B，并从第二图片集合中的待测试项目的标识与图片的对应关系中，查找与待测试项目A对应的图片，该图片为图片C，则比对图片B和图片C，得到待测试项目A的图片相似率。

在本发明实施例中，对待测试项目的两个图片进行比对，对比的内容以是图片的有效区域的大小之间的差别，图片之间像素点之间的差别，以确定两张图片之间的相似率。

307、若图片相似率集合中所有的图片相似率均大于预先设置的数值，则确定待测试浏览器未发生浏览器网页兼容性问题；

308、若图片相似率集合中存在小于或等于预先设置的数值的图片相似率，则确定待测试浏览器发生浏览器网页兼容性问题。

在本发明实施例中，测试浏览器在得到待测试项目集合的图片相似率集合之后，将利用该图片相似率集合判断待测试浏览器的浏览器的网页兼容性。

若该图片相似率集合中的所有图片相似率均大于预先设置的数值，则确定该待测试浏览器未发生浏览器网页兼容性问题，若该图片相似率集合中存在小于或等于预先设置的数值的图片相似率，则确定待测试浏览器发生浏览器网页兼容性问题。

在本发明实施例中，测试系统是利用待测试项目集合对应的图片相似率集合来确定待测试浏览器的浏览器网页兼容性的。

需要说明的是，在本发明实施例中，测试网站的个数为至少一个，若包含有两个及两个以上测试网站，测试系统将按照本发明中的技术方案依次得到每一个测试网站的待测试项目集合，并依次得到每一个待测试项目集合的图片集合，因此，可以得到所有测试网站在标准浏览器上的第一图片集合和在待测试浏览器上的第二图片集合，进行对比以确定待测试浏览器的浏览器网页兼容性。

在本发明实施中，待测试项目集合对应的图片相似率集合中可以仅仅只是包含图片相似率，也可以包含图片相似率与待测试项目的标识之间的对应关系，在实际应用中，可根据需要设置图片相似率集合中包含的是图片相似率还是图片相似率与待测试项目的标识之间的对应关系，此处不做限定。

需要说明的是，在本发明实施例中，检测系统确定待测试浏览器为存在浏览器网页兼容性问题的浏览器之后，为了便于进一步对该检测结果进行确认，检测系统得到待测试项目集合对应的图片相似率集合中包含了图片相似率与待测试项目的标识之间的对应关系，检测系统将从图片相似率集合中获取图片相似率小于或等于预先设置的数值的待测试项目的标识，并从第一图片集合和第二图片集合中获取与该待测试项目的标识对应的两张图片，并显示在检测系统的显示界面上，由人工进行比对，使得能够更好地确定检测结果，避免对浏览器网页兼容性的误判。

在本发明实施例中，测试系统在启动标准浏览器和待测试浏览器之后，将在标准浏览器中打开测试网站，获取测试网站中的待测试项目集合，在标准浏览器中遍历待测试项目集合中的待测试项目，打开待测试项目所对应的网页，获取网页的页面截图的图片，将待测试项目的标识与图片的对应关系保存到第一图片集合中，在待测试浏览器中遍历待测试项目集合中的待测试项目，打开待测试项目所对应的网页，获取网页的页面截图的图片，将待测试项目的标识与图片的对应关系保存到第二图片集合中，利用第一图片集合中包含的图片与待测试项目的对应关系及第二图片集合中包含的图片与待测试项目的对应关系计算待测试项目集合中每一个待测试项目的图片相似率，以得到与待测试项目集合对应的图片相似率集合，若图片相似率集合中所有的图片相似率大于预先设置的数值，则确定待测试浏览器未发生浏览器网页兼容性问题，若图片相似率集合中存在小于或等于预先设置的数值的图片相似率，则确定待测试浏览器发生浏览器网页兼容性问题。通过对待测试项目在标准浏览器和待测试浏览器中的图片进行比对以确定待测试浏览器的浏览器网页兼容性，不需要人工进行比对，能够有效的降低人工成本，且不需要预先建立规则库，检测方式更加快捷方便。

为了更好的理解本发明实施例中浏览器网页兼容性的检测方法，下面将介绍一个具体的应用场景，如下：

检测人员对待测试浏览器1的浏览器网页兼容性进行检测，且检测由在终端的用于对浏览器网页兼容性进行检测的检测系统的应用程序APP执行的，同时在该终端上还安装了标准浏览器和待测试浏览器，其中标准浏览器为IE浏览器，且也预先设置了测试网站，该测试网站包括“测试网站A，测试网站B，测试网站C.......”。具体的检测过程如下：

该检测系统APP启动IE浏览器，在IE浏览器上打开测试网站A，对该测试网站A的网页上的所有元素进行筛选，选取元素类型为超链接及数据输入接口的元素作为测试网站A的待测试项目集合(项目A1，项目A11，项目A12，项目A13，......)，并在IE浏览器中遍历该测试网站A的待测试项目集合(项目A1，项目A11，项目A12，项目A13，......)，获取每一个待测试项目的截图的图片，并建立图片与待测试项目的标识之间的对应关系，得到测试网站A的待测试项目集合的图片集合(项目A1～图片A1，项目A11～图片A11，项目A12～图片A12，项目A13～图片A13，......)，对测试网站A完成图片截取之后，检测系统APP将关闭测试网站A并在IE浏览器上打开测试网站B，对测试网站B的网页上的所有元素进行筛选，选取元素类型为超链接及数据输入接口的元素作为测试网站B的待测试项目集合(项目B1～图片B1，项目B11～图片B11，项目B12～图片B12，项目B13～图片B13)，并在IE浏览器中遍历该测试网站B的待测试项目集合(项目B1～图片B1，项目B11～图片B11，项目B12～图片B12，项目B13～图片B13)，获取每一个待测试项目的截图的图片，并建立图片与待测试项目的标识之间的对应关系，得到测试网站B的待测试项目集合的图片集合(项目B1～图片B1，项目B11～图片B11，项目B12～图片B12，项目B13～图片B13)，通过上述方式，可以得到其他的测试网站例如测试网站C的待测试项目集合(项目C1，项目C11，项目C12，项目C13，......)及测试网站C的待测试项目集合的图片集合(项目C1～图片C1，项目C11～图片C11，项目C12～图片C12，项目C13～图片C13)，最后得到所有测试网站的第一图片集合{(项目A1～图片A1，项目A11～图片A11，项目A12～图片A12，项目A13～图片A13，......)，(项目B1～图片B1，项目B11～图片B11，项目B12～图片B12，项目B13～图片B13)，(项目C1～图片C1，项目C11～图片C11，项目C12～图片C12，项目C13～图片C13)}。检测APP将关闭IE浏览器。

检测APP打开待测试浏览器1，并在待测试浏览器1获取测试网站的图片集合，具体的：在待测试浏览器1上打开测试网站A，在并在待测试浏览器1中遍历该测试网站A的元素，确定在待测试浏览器1中该测试网站A是否包含待测试项目集合(项目A1，项目A11，项目A12，项目A13，......)，若未包含该待测试项目集合(项目A1，项目A11，项目A12，项目A13，......)，则确定该待测试浏览器1出现了浏览器网页兼容性问题，若包含该待测试项目集合(项目A1，项目A11，项目A12，项目A13，......)，则依次打开该待测试项目集合中的每一个待测试项目，获取每一个待测试项目的截图的图片，并建立图片与待测试项目的标识之间的对应关系，得到测试网站A的待测试项目集合在待测试浏览器1打开后的图片集合(项目A1～图片a1，项目A11～图片a11，项目A12～图片a12，项目A13～图片a13，......)，且检测APP将按照上述方式得到其他测试网站如测试网站B，测试网站C的图片集合，即测试网站B的待测试项目集合的图片集合(项目B1～图片b1，项目B11～图片b11，项目B12～图片b12，项目B13～图片b13)，及测试网站C的待测试项目集合的图片集合(项目C1～图片c1，项目C11～图片c11，项目C12～图片c12，项目C13～图片c13)，最后得到所有测试网站的第二图片集合{(项目A1～图片a1，项目A11～图片a11，项目A12～图片a12，项目A13～图片a13，......)，(项目B1～图片b1，项目B11～图片b11，项目B12～图片b12，项目B13～图片b13)，(项目C1～图片c1，项目C11～图片c11，项目C12～图片c12，项目C13～图片c13)}。且检测APP将关闭待测试浏览器1。

检测APP在得到IE浏览器的第一图片集合和待测试浏览器1的第二图片集合之后，将对图片进行比对，例如，对于项目A1，则从第一图片集合中获取与项目A1对应的图片A1并从第二图片集合中获取与项目A1对应的图片a1，比对图片A1和图片a1，确定该项目A1的在标准浏览器IE浏览器中打开的图片与在待测试浏览器1打开的图片的图片相似率，且该项目A1的图片相似率为100％；接着对比项目A11，从第一图片集合中获取与项目A11对应的图片A11并从第二图片集合中获取与项目A11对应的图片a11，确定图片A11和a11的图片相似率为99％，以此类推，计算出所有待测试项目的图片相似率，得到待测试项目的图片相似率集合{(100％，98％，......),(99％，100％，.......)，......}。

检测APP根据得到的图片相似率集合确定待测试浏览器1是否出现浏览器网页兼容性问题，具体的：若该图片相似率集合中的所有的图片相似率均大于98％，则确定该待测试浏览器1未出现浏览器网页兼容性问题，若该图片相似率集合中存在小于或等于98％的图片相似率，则确定该待测试浏览器1存在浏览器网页兼容性问题。

由于上述的图片相似率集合中存在等于98％的图片相似率，则确定待测试浏览器1存在浏览器网页兼容性问题。

请参阅图4，为本发明实施例中浏览器网页兼容性的检测系统的结构的实施例，包括：

获取单元401，用于在已启动的标准浏览器中打开测试网站，获取测试网站中的待测试项目集合；

第一截图单元402，用于在获取单元401得到待测试项目集合之后，在标准浏览器中依次打开待测试项目集合中的待测试项目，并通过单步截图的方式得到待测试项目集合在标准浏览器中的第一图片集合；

第二截图单元403，用于在第一截图单元402得到第一图片集合之后，在已启动的待测试浏览器中依次打开待测试项目集合中的待测试项目，按照单步截图的方式得到待测试项目集合在待测试浏览器中的第二图片集合；

确定单元404，用于在第二截图单元403得到第二图片集合之后，根据第一图片集合及第二图片集合的图片相似率确定待测试浏览器的浏览器网页兼容性。

在本发明实施例中，检测系统将启动标准浏览器和待测试浏览器，其中，标准浏览器泛指对万维网(World Wide Web，W3C)所定义的CSS2.1规范提供了优秀支持并能完美呈现的浏览器，例如IE浏览器。

其中，待测试项目为网站中的元素，网站由多个网页组成，一个网站的第一个网页称为主页，主页是所有网页的索引页，通过单机主页上的超链接，可以打开其他的网页。网站的总体结构可以由节点树表示。网页中的元素包括文字、图片、音频、动画、视频、超链接、数据输入接口等等。

其中，单步截图的意思是每次打开一个页面，则对该页面进行截图，第一图片集合中包含待测试项目集合中的每一个待测试项目集合在标准浏览器中打开后的页面截图。

在本发明实施例中，检测系统在已启动的待测试浏览器中依次打开待测试项目集合中的待测试项目之前，还将确定测试网站在该待测试浏览器中打开之后是否能查找到该待测试项目集合中的项目，具体的：检测系统在已启动的待测试浏览器中打开测试网站，遍历该已打开的测试网站的所有元素，确定测试网站在待测试浏览器中打开后是否包含待测试项目集合中的所有待测试项目，若未包含待测试项目集合中的所有待测试项目，则确定该待测试浏览器出现了浏览器网页兼容性问题，检测系统停止对该待测试浏览器进行检测；若包含待测试项目集合中的所有待测试项目，则需要对该待测试浏览器的浏览器网页兼容性进行进一步检测，检测系统将执行第二截图单元403。

在本发明实施例中，获取单元401在已启动的标准浏览器中打开测试网站，获取测试网站中的待测试项目集合；接着，第一截图单元402在标准浏览器中依次打开待测试项目集合中的待测试项目，并通过单步截图的方式得到待测试项目集合在标准浏览器中的第一图片集合；并由第二截图单元403在已启动的待测试浏览器中依次打开待测试项目集合中的待测试项目，按照单步截图的方式得到待测试项目集合在待测试浏览器中的第二图片集合；最后确定单元404根据第一图片集合及第二图片集合的图片相似率确定待测试浏览器的浏览器网页兼容性。

在本发明实施例中，在已启动的标准浏览器中打开测试网站，获取该测试网站中的待测试项目集合，在标准浏览器中依次打开待测试项目集合中的待测试项目，并通过单步截图的方式得到该待测试项目集合在该标准浏览器中的第一图片集合；在已启动的待测试浏览器中依次打开该待测试项目集合中的待测试项目，按照单步截图的方式得到该待测试项目集合在待测试浏览器中的第二图片集合，最后根据第一图片集合及第二图片集合的图片相似率确定该待测试浏览器网页兼容性。通过在标准浏览器及待测试浏览器中对网站的待测试项目进行截图确定图片相似率的方式检测待测试浏览器网页兼容性，使得不需要人工操作，即可完成浏览器的浏览器网页兼容性的检测，能够有效节约人工成本，且不需要通过规则库即可对浏览器网页兼容性进行检测，检测过程更加简单方便。

为了更好的理解本发明实施例中的浏览器网页兼容性的检测系统，请参阅图5，为本发明实施例中检测系统的结构的实施例，包括：如图4所示实施例中的获取单元401，第一截图单元402，第二截图单元403，确定单元404，且与图4所示实施例中描述的内容相似，此处不做赘述。

其中，获取单元401具体用于：在已启动的标准浏览器中打开测试网站，遍历测试网站中的所有元素，将满足预先设置的类型的元素作为待测试项目集合中的待测试项目，预先设置的类型为超链接和数据输入接口。

其中，第一截图单元402包括：

第一遍历打开单元501，用于在标准浏览器中遍历待测试项目集合中的待测试项目，打开待测试项目所对应的网页；

第一获取单元502，用于获取网页的页面截图的图片，将待测试项目的标识与图片的对应关系保存到第一图片集合中。

其中，第二截图单元403包括：

第二遍历打开单元503，用于在待测试浏览器中遍历待测试项目集合中的待测试项目，打开待测试项目所对应的网页；

第二获取单元504，用于获取网页的页面截图的图片，将待测试项目的标识与图片的对应关系保存到第二图片集合中。

其中，确定单元404包括：

计算单元505，用于利用第一图片集合中包含的图片与待测试项目的对应关系及第二图片集合中包含的图片与待测试项目的对应关系计算待测试项目集合中每一个待测试项目的图片相似率，得到所述待测试项目集合对应的相似率集合；

结果确定单元506，用于若图片相似率集合中所有的图片相似率均大于预先设置的数值，则确定待测试浏览器未发生浏览器网页兼容性问题；若该图片相似率集合中存在小于或等于预先设置的数值的图片相似率，则确定待测试浏览器发生浏览器网页兼容性问题。

在本发明实施例中，检测系统将启动标准浏览器和待测试浏览器，其中，标准浏览器泛指对万维网(World Wide Web，W3C)所定义的CSS2.1规范提供了优秀支持并能完美呈现的浏览器，例如IE浏览器。

其中，待测试项目为网站中的元素，网站由多个网页组成，一个网站的第一个网页称为主页，主页是所有网页的索引页，通过单机主页上的超链接，可以打开其他的网页。网站的总体结构可以由节点树表示。网页中的元素包括文字、图片、音频、动画、视频、超链接、数据输入接口等等。

在本发明实施例中，待测试项目集合中的待测试项目之间的结构是类似节点树的结构，即一个网页内可以打开多个网页，直至最后一个网页。例如：测试网站的主页上包含多个一级超链接，点进每一个一级超链接都可以打开一个对应的网页，且在该网页内也包含二级超链接，点击该二级超链接则可以进入二级超链接对应的网页。

在本发明实施例中，测试系统是按照待测试项目之间的结构进行遍历的，测试系统每打开一个待测试项目的网页的页面，都将对该页面进行截图，并将截图得到的图片与该待测试项目的标识进行关联，将该图片与该待测试项目的标识的对应关系保存到第一图片集合中。

在本发明实施例中，网页中的元素均具有唯一的标识，因此，待测试项目集合中的每一个待测试项目也具有唯一的标识，该标识能够唯一的标识一个待测试项目。

在本发明实施例中，测试系统在待测试浏览器中遍历待测试项目集合中的待测试项目之前，还将在待测试浏览器中打开该待测试项目集合对应的测试网站，遍历该测试网站中的所有的元素，判断在待测试浏览器中打开的测试网站是否包含该待测试项目集合中的所有待测试项目，其中，待测试项目集合中的待测试项目也为测试网站的元素，若在待测试浏览器中打开的测试网站中包含该待测试项目集合中的所有待测试项目，则执行第一遍历打开单元501；若在待测试浏览器中打开的测试网站中不包含待该待测试项目集合中的所有待测试项目，则确定该待测试浏览器的浏览器网页兼容性出现问题。

在本发明实施例中，待测试项目集合中的待测试项目之间的结构是类似节点树的结构，即一个网页内可以打开多个网页，直至最后一个网页。例如：测试网站的主页上包含多个一级超链接，点进每一个一级超链接都可以打开一个对应的网页，且在该网页内也包含二级超链接，点击该二级超链接则可以进入二级超链接对应的网页。

在本发明实施例中，测试系统是按照待测试项目之间的结构进行遍历的，测试系统每打开一个待测试项目的网页的页面，都将对该页面进行截图，并将截图得到的图片与该待测试项目的标识进行关联，将该图片与该待测试项目的标识的对应关系保存到第一图片集合中。

在本发明实施例中，测试系统对待测试项目集合中的每一个待测试项目在第一图片集合中的图片和第二图片集合中的图片进行比对，确定每一个待测试项目的比对结果，例如，对于待测试项目的标识为A的待测试项目，测试系统将从第一图片集合中的待测试项目的标识与图片的对应关系中，查找与待测试项目A对应的图片，该图片为图片B，并从第二图片集合中的待测试项目的标识与图片的对应关系中，查找与待测试项目A对应的图片，该图片为图片C，则比对图片B和图片C，得到待测试项目A的图片相似率。

在本发明实施例中，对每一个待测试项目的两个图片进行比对，对比的内容以是图片的有效区域的大小之间的差别，图片之间像素点之间的差别，确定每一个待测试项目的图片相似率。

需要说明的是，在本发明实施例中，测试网站的个数为至少一个，若包含有两个及两个以上测试网站，测试系统将按照本发明中的技术方案依次得到每一个测试网站的待测试项目集合，并依次得到每一个待测试项目集合的图片集合，因此，可以得到所有测试网站在标准浏览器上的第一图片集合和在待测试浏览器上的第二图片集合，进行对比以确定待测试浏览器的浏览器网页兼容性。

在本发明实施中，待测试项目集合对应的图片相似率集合中可以仅仅只是包含图片相似率，也可以包含图片相似率与待测试项目的标识之间的对应关系，在实际应用中，可根据需要设置图片相似率集合中包含的是图片相似率还是图片相似率与待测试项目的标识之间的对应关系，此处不做限定。

需要说明的是，在本发明实施例中，测试网站的个数为至少一个，若包含有两个及两个以上测试网站，测试系统将按照本发明中的技术方案依次得到每一个测试网站的待测试项目集合，并依次得到每一个待测试项目集合的图片集合，因此，可以得到所有测试网站在标准浏览器上的第一图片集合和在待测试浏览器上的第二图片集合，进行对比以确定待测试浏览器的浏览器网页兼容性。

需要说明的是，在本发明实施例中，检测系统确定待测试浏览器为存在浏览器网页兼容性问题的浏览器之后，为了便于进一步对该检测结果进行确认，检测系统得到待测试项目集合对应的图片相似率集合中包含了图片相似率与待测试项目的标识之间的对应关系，检测系统将从图片相似率集合中获取图片相似率小于或等于预先设置的数值的待测试项目的标识，并从第一图片集合和第二图片集合中获取与该待测试项目的标识对应的两张图片，并显示在检测系统的显示界面上，由人工进行比对，使得能够更好地确定检测结果，避免对浏览器网页兼容性的误判。

在本发明实施例中，获取单元401在已启动的标准浏览器中打开测试网站，获取测试网站中的待测试项目集合，且获取单元401具体用于：在已启动的标准浏览器中打开测试网站，遍历测试网站中的所有元素，将满足预先设置的类型的元素作为待测试项目集合中的待测试项目，预先设置的类型为超链接和数据输入接口；接着，第一截图单元402在标准浏览器中依次打开待测试项目集合中的待测试项目，并通过单步截图的方式得到待测试项目集合在标准浏览器中的第一图片集合；具体的：第一截图单元402中的第一遍历打开单元501在标准浏览器中遍历待测试项目集合中的待测试项目，打开待测试项目所对应的网页；并由第一获取单元502获取网页的页面截图的图片，将待测试项目的标识与图片的对应关系保存到第一图片集合中。接着，第二截图单元403在已启动的待测试浏览器中依次打开待测试项目集合中的待测试项目，按照单步截图的方式得到待测试项目集合在待测试浏览器中的第二图片集合；具体的：第二截图单元403中的第二遍历打开单元503，用于在待测试浏览器中遍历待测试项目集合中的待测试项目，打开待测试项目所对应的网页；并由第二获取单元504，用于获取网页的页面截图的图片，将待测试项目的标识与图片的对应关系保存到第二图片集合中。最后确定单元404根据第一图片集合及第二图片集合的图片相似率确定待测试浏览器的浏览器网页兼容性；具体的：确定单元404中的计算单元505利用第一图片集合中包含的图片与待测试项目的对应关系及第二图片集合中包含的图片与待测试项目的对应关系计算待测试项目集合中每一个待测试项目的图片相似率；若图片相似率集合中的所有图片相似率均大于预先设置的数值，则确定待测试浏览器未发生浏览器网页兼容性问题；若图片相似率集合中存在小于或等于预先设置的数值的图片相似率，则确定待测试浏览器发生浏览器网页兼容性问题。

在本发明实施例中，测试系统在启动标准浏览器和待测试浏览器之后，将在标准浏览器中打开测试网站，获取测试网站中的待测试项目集合，在标准浏览器中遍历待测试项目集合中的待测试项目，打开待测试项目所对应的网页，获取网页的页面截图的图片，将待测试项目的标识与图片的对应关系保存到第一图片集合中，在待测试浏览器中遍历待测试项目集合中的待测试项目，打开待测试项目所对应的网页，获取网页的页面截图的图片，将待测试项目的标识与图片的对应关系保存到第二图片集合中，利用第一图片集合中包含的图片与待测试项目的对应关系及第二图片集合中包含的图片与待测试项目的对应关系计算待测试项目集合中每一个待测试项目的图片相似率，得到待测试项目集合对应的图片相似率集合，若图片相似率集合中所有的图片相似率大于预先设置的数值，则确定待测试浏览器未发生浏览器网页兼容性问题，若图片相似率集合中存在小于或等于预先设置的数值的图片相似率，则确定待测试浏览器发生浏览器网页兼容性问题。通过对待测试项目在标准浏览器和待测试浏览器中的图片进行比对以确定待测试浏览器的浏览器网页兼容性，不需要人工进行比对，能够有效的降低人工成本，且不需要预先建立规则库，检测方式更加快捷方便。

以上所述，仅是本发明的较佳实施例而已，并非对本发明作任何形式上的限制，虽然本发明已以较佳实施例揭露如上，然而并非用以限定本发明，任何熟悉本专业的技术人员，在不脱离本发明技术方案范围内，当可利用上述揭示的技术内容做出些许更动或修饰为等同变化的等效实施例，但凡是未脱离本发明技术方案内容，依据本发明的技术实质对以上实施例所作的任何简单修改、等同变化与修饰，均仍属于本发明技术方案的范围内。

Claims (6)

1.一种浏览器网页兼容性的检测方法，其特征在于，包括：

在已启动的标准浏览器中打开测试网站，遍历所述测试网站中的所有元素，将满足预先设置的类型的元素作为待测试项目集合中的待测试项目，所述预先设置的类型为超链接和数据输入接口，所述测试网站中包括n个一级超链接和m个二级超链接，所述待测试项目包括按照节点树的结构设置的所述n个一级超链接和所述m个二级超链接，n为大于1的正整数，m为正整数；所述标准浏览器是指对万维网所定义的全部CSS2.1规范提供了支持与呈现的浏览器；

在所述标准浏览器中遍历所述待测试项目集合中的所述待测试项目，打开所述待测试项目所对应的网页；获取所述网页的页面截图的图片，将所述待测试项目的标识与所述图片的对应关系保存到第一图片集合中；

在已启动的待测试浏览器中打开所述测试网站，遍历所述测试网站中的所有元素，确定所述测试网站在所述待测试浏览器中打开后是否包含所述待测试项目集合中的所有待测试项目；

若所述测试网站在所述待测试浏览器中打开后未包含所述待测试项目集合中的所有待测试项目，确定所述待测试浏览器出现了浏览器网页兼容性问题；

若所述测试网站在所述待测试浏览器中打开后包含所述待测试项目集合中的所有待测试项目，在所述待测试浏览器中遍历所述待测试项目集合中的所述待测试项目，打开所述待测试项目所对应的网页；获取所述网页的页面截图的图片，将所述待测试项目的标识与所述图片的对应关系保存到第二图片集合中；根据所述第一图片集合及所述第二图片集合的图片相似率确定所述待测试浏览器的浏览器网页兼容性。

2.根据权利要求1所述的检测方法，其特征在于，所述根据所述第一图片集合及所述第二图片集合的图片相似率确定所述待测试浏览器的浏览器网页兼容性，包括：

利用所述第一图片集合中包含的图片与所述待测试项目的对应关系及所述第二图片集合中包含的图片与所述待测试项目的对应关系计算所述待测试项目集合中每一个待测试项目的图片相似率，得到所述待测试项目集合对应的图片相似率集合；

若所述图片相似率集合中所有的图片的相似率均大于预先设置的数值，则确定所述待测试浏览器未发生浏览器网页兼容性问题；

若所述图片相似率集合中存在小于或等于所述预先设置的数值的图片相似率，则确定所述待测试浏览器发生浏览器网页兼容性问题。

3.一种浏览器网页兼容性的检测系统，其特征在于，包括：

获取单元，用于在已启动的标准浏览器中打开测试网站，遍历所述测试网站中的所有元素，将满足预先设置的类型的元素作为待测试项目集合中的待测试项目，所述预先设置的类型为超链接和数据输入接口，所述测试网站中包括n个一级超链接和m个二级超链接，所述待测试项目包括按照节点树的结构设置的所述n个一级超链接和所述m个二级超链接，n为大于1的正整数，m为正整数；所述标准浏览器是指对万维网所定义的全部CSS2.1规范提供了支持与呈现的浏览器；

第一截图单元包括第一遍历打开单元和第一获取单元；所述第一遍历打开单元，用于在所述获取单元得到所述待测试项目集合之后，在所述标准浏览器中遍历所述待测试项目集合中的所述待测试项目，打开所述待测试项目所对应的网页；所述第一获取单元，用于获取所述网页的页面截图的图片，将所述待测试项目的标识与所述图片的对应关系保存到第一图片集合中；

第二截图单元，用于在所述第一截图单元得到所述第一图片集合之后，在已启动的待测试浏览器中打开所述测试网站，遍历所述测试网站中的所有元素，确定所述测试网站在所述待测试浏览器中打开后是否包含所述待测试项目集合中的所有待测试项目；若所述测试网站在所述待测试浏览器中打开后未包含所述待测试项目集合中的所有待测试项目，确定所述待测试浏览器出现了浏览器网页兼容性问题；若所述测试网站在所述待测试浏览器中打开后包含所述待测试项目集合中的所有待测试项目，在所述待测试浏览器中遍历所述待测试项目集合中的所述待测试项目，打开所述待测试项目所对应的网页；获取所述网页的页面截图的图片，将所述待测试项目的标识与所述图片的对应关系保存到第二图片集合中；

确定单元，用于在所述第二截图单元得到所述第二图片集合之后，根据所述第一图片集合及所述第二图片集合的图片相似率确定所述待测试浏览器的浏览器网页兼容性。

4.根据权利要求3所述的检测系统，其特征在于，所述确定单元，包括：

计算单元，用于利用所述第一图片集合中包含的图片与所述待测试项目的对应关系及所述第二图片集合中包含的图片与所述待测试项目的对应关系计算所述待测试项目集合中每一个待测试项目的图片相似率，得到所述待测试项目集合对应的图片相似率集合；

结果确定单元，用于若所述图片相似率集合中所有的图片的相似率均大于预先设置的数值，则确定所述待测试浏览器未发生浏览器网页兼容性问题；若所述图片相似率集合中存在小于或等于所述预先设置的数值的图片相似率，则确定所述待测试浏览器发生浏览器网页兼容性问题。

5.一种终端，其特征在于，所述终端包括：

存储器；

与所述存储器电性连接的处理器；

所述处理器，被配置为从所述存储器中加载并执行计算机程序以实现如权利要求1或2所述的浏览器网页兼容性的检测方法。

6.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机程序，所述计算机程序被处理器加载并执行以实现如权利要求1或2所述的浏览器网页兼容性的检测方法。

Images