CN103186465A - 网页用户界面的浏览器兼容性测试方法和系统 - Google Patents
网页用户界面的浏览器兼容性测试方法和系统 Download PDFInfo
- Publication number
- CN103186465A CN103186465A CN2011104603574A CN201110460357A CN103186465A CN 103186465 A CN103186465 A CN 103186465A CN 2011104603574 A CN2011104603574 A CN 2011104603574A CN 201110460357 A CN201110460357 A CN 201110460357A CN 103186465 A CN103186465 A CN 103186465A
- Authority
- CN
- China
- Prior art keywords
- browser
- interactive information
- webpage
- user
- test
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Landscapes
- Debugging And Monitoring (AREA)
Abstract
本发明公开了一种网页用户界面的浏览器兼容性测试方法和系统,能够显著降低测试所需的人力资源、缩短测试时间和降低测试成本。本发明实施例提供的一种网页用户界面的浏览器兼容性测试方法包括:利用第一浏览器访问网页中的用户交互功能并生成第一交互信息,其中,所需测试的浏览器包括第一浏览器,所述网页具有用户交互功能;通过分别在所需测试的各浏览器下查看所述第一交互信息来测试网页用户界面UI的浏览器兼容性。
Description
技术领域
本发明涉及浏览器兼容性测试技术领域,特别涉及一种网页用户界面的浏览器兼容性测试方法和系统。
背景技术
随着网络(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的图案,包括界面中各部分的位置信息和属性信息(如颜色、形状等)。
并且,分别在所需测试的各浏览器下查看所显示的第一交互信息的内容是否预定内容相一致,若一致,确定网页的用户交互功能兼容所测试的浏览器,若不一致,确定网页的用户交互功能不兼容所测试的浏览器。
进一步的,在进行上述内容和页面样式的比较时,可以对预定UI样式进行特征提取,将预定UI样式信息化,在服务器的后台程序中进行信息比对,或者,由于页面的显示所关注的主要是用户的视觉效果,也可以通过测试员目测实现。
下面以所需测试的浏览器包括第一浏览器和第二浏览器、第一用户和第二用户为同一用户交互功能下的关联用户的场景为例说明本方案。所需测试的网页为即时通信应用网页,所述用户交互功能为评论功能,所述第一用户和第二用户为即时通信的好友用户。上述第一浏览器可以为IE8浏览器,上述第二浏览器可以为Firefox浏览器。
本实施例利用第一浏览器访问网页并以第一用户身份登录用户交互功能,生成针对第二用户的第一交互信息,所述第一用户和第二用户为所述用户交互功能下的关联用户;通过在第一浏览器下以第一用户身份查看所述第一交互信息,来测试网页UI对第一浏览器的兼容性;通过在第二浏览器下以第二用户身份查看所述第一交互信息,来测试网页UI对第二浏览器的兼容性。
结合上述场景,具体的测试过程如下:
利用IE8浏览器访问即时通信网页并利用第一用户的登录信息(即以第一用户身份)登录即时通信平台上的评论功能,对第二用户进行评论,生成一条动态信息(即第一交互信息);
在IE8浏览器下以第一用户身份查看第一交互信息的内容和页面样式是否正确,若正确,说明网页具有用户交互功能,且网页UI对IE8浏览器兼容。
利用Firefox浏览器登录按照第二用户的登录信息(即以第二用户身份)登录即时通信平台上的评论功能,查看上述第一交互信息,判断Firefox浏览器所显示的第一交互信息的内容和页面样式是否正确,若是,则确认网页UI对Firefox浏览器兼容。
由上所述,本实施例在测试评论功能的同时也进行了浏览器兼容性的测试,相对于现有的测试方案,节省了单独测试浏览器兼容性的测试时间。
本发明实施例二还提供了一种网页用户界面的浏览器兼容性测试系统,所述网页具有用户交互功能,参见图2,所述系统包括:
交互访问端21,利用第一浏览器访问网页中的用户交互功能并生成第一交互信息,其中,所需测试的浏览器包括第一浏览器;
网页测试端22,通过分别在所需测试的各浏览器下查看所述第一交互信息来测试网页用户界面UI的浏览器兼容性。
进一步的,所述网页测试端22,分别在所需测试的各浏览器下查看所显示的第一交互信息的内容和页面样式是否正确,若是,确定网页UI兼容所测试的浏览器,若否,确定网页UI不兼容所测试的浏览器。
具体的,所述网页测试端22,通过如下方式查看所显示的第一交互信息的内容和页面样式是否正确:
将所显示的第一交互信息的内容与预定内容进行比较,若相同,确定所显示的第一交互信息的内容正确,若不同,确定所显示的第一交互信息的内容错误;将所显示的第一交互信息的页面样式与预定UI样式进行比较,若相同,确定所显示的第一交互信息的页面样式正确,若不同,确定所显示的第一交互信息的页面样式错误。
进一步的,所需测试的浏览器还包括第二浏览器,所述交互访问端21,利用第一浏览器访问网页并以第一用户身份登录用户交互功能,生成针对第二用户的第一交互信息,所述第一用户和第二用户为所述用户交互功能下的关联用户;所述网页测试端22,通过在第一浏览器下以第一用户身份查看所述第一交互信息,来测试网页UI对第一浏览器的兼容性;通过在第二浏览器下以第二用户身份查看所述第一交互信息,来测试网页UI对第二浏览器的兼容性。
所述交互访问端21,通过如下方式利用第一浏览器访问网页中的用户交互功能并生成第一交互信息:接收用户利用第一浏览器向用户交互功能发送的信息发布指令;解析所述信息发布指令,提取出所需发布的信息,将该所需发布的信息作为第一交互信息。
进一步的,在进行上述内容和页面样式的比较时,上述网页测试端22可以对预定UI样式进行特征提取,将预定UI样式信息化,在服务器的后台程序中进行信息比对,或者,由于页面的显示所关注的主要是用户的视觉效果,也可以通过测试员目测实现。
本发明实施例通过利用网页中的用户交互功能来测试网页UI的浏览器兼容性,提供了一种新型的浏览器兼容性测试方案。本方案无需利用专有的测试工具,测试操作简单,且完全可以在测试用户交互功能的同时实现对网页UI浏览器兼容性的测试,显著降低了测试所需的人力资源、缩短了测试时间、降低了测试成本。
以上所述仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等,均包含在本发明的保护范围内。
Claims (10)
1.一种网页用户界面的浏览器兼容性测试方法,其特征在于,所述网页具有用户交互功能,所述方法包括:
利用第一浏览器访问网页中的用户交互功能并生成第一交互信息,其中,所需测试的浏览器包括第一浏览器;
通过分别在所需测试的各浏览器下查看所述第一交互信息来测试网页用户界面UI的浏览器兼容性。
2.根据权利要求1所述的方法,其特征在于,所述通过分别在所需测试的各浏览器下查看所述第一交互信息来测试网页用户界面UI的浏览器兼容性包括:
分别在所需测试的各浏览器下查看所显示的第一交互信息的内容和页面样式是否正确,若是,确定网页UI兼容所测试的浏览器,若否,确定网页UI不兼容所测试的浏览器。
3.根据权利要求2所述的方法,其特征在于,通过如下方式查看所显示的第一交互信息的内容和页面样式是否正确:
将所显示的第一交互信息的内容与预定内容进行比较,若相同,确定所显示的第一交互信息的内容正确,若不同,确定所显示的第一交互信息的内容错误;
将所显示的第一交互信息的页面样式与预定UI样式进行比较,若相同,确定所显示的第一交互信息的页面样式正确,若不同,确定所显示的第一交互信息的页面样式错误。
4.根据权利要求3所述的方法,其特征在于,所需测试的浏览器还包括第二浏览器,
所述利用第一浏览器访问网页中的用户交互功能并生成第一交互信息包括:利用第一浏览器访问网页并以第一用户身份登录用户交互功能,生成针对第二用户的第一交互信息,所述第一用户和第二用户为所述用户交互功能下的关联用户;
所述通过分别在所需测试的各浏览器下查看所述第一交互信息来测试网页用户界面UI的浏览器兼容性包括:
通过在第一浏览器下以第一用户身份查看所述第一交互信息,来测试网页UI对第一浏览器的兼容性;
通过在第二浏览器下以第二用户身份查看所述第一交互信息,来测试网页UI对第二浏览器的兼容性。
5.根据权利要求1所述的方法,其特征在于,所述利用第一浏览器访问网页中的用户交互功能并生成第一交互信息包括:
接收用户利用第一浏览器向用户交互功能发送的信息发布指令;
解析所述信息发布指令,提取出所需发布的信息,将该所需发布的信息作为第一交互信息。
6.一种网页用户界面的浏览器兼容性测试系统,其特征在于,所述网页具有用户交互功能,所述系统包括:
交互访问端,利用第一浏览器访问网页中的用户交互功能并生成第一交互信息,其中,所需测试的浏览器包括第一浏览器;
网页测试端,通过分别在所需测试的各浏览器下查看所述第一交互信息来测试网页用户界面UI的浏览器兼容性。
7.根据权利要求6所述的系统,其特征在于,
所述网页测试端,分别在所需测试的各浏览器下查看所显示的第一交互信息的内容和页面样式是否正确,若是,确定网页UI兼容所测试的浏览器,若否,确定网页UI不兼容所测试的浏览器。
8.根据权利要求7所述的系统,其特征在于,
所述网页测试端,通过如下方式查看所显示的第一交互信息的内容和页面样式是否正确:
将所显示的第一交互信息的内容与预定内容进行比较,若相同,确定所显示的第一交互信息的内容正确,若不同,确定所显示的第一交互信息的内容错误;
将所显示的第一交互信息的页面样式与预定UI样式进行比较,若相同,确定所显示的第一交互信息的页面样式正确,若不同,确定所显示的第一交互信息的页面样式错误。
9.根据权利要求8所述的系统,其特征在于,所需测试的浏览器还包括第二浏览器,
所述交互访问端,利用第一浏览器访问网页并以第一用户身份登录用户交互功能,生成针对第二用户的第一交互信息,所述第一用户和第二用户为所述用户交互功能下的关联用户;
所述网页测试端,通过在第一浏览器下以第一用户身份查看所述第一交互信息,来测试网页UI对第一浏览器的兼容性;通过在第二浏览器下以第二用户身份查看所述第一交互信息,来测试网页UI对第二浏览器的兼容性。
10.根据权利要求6所述的系统,其特征在于,
所述交互访问端,通过如下方式利用第一浏览器访问网页中的用户交互功能并生成第一交互信息:
接收用户利用第一浏览器向用户交互功能发送的信息发布指令;解析所述信息发布指令,提取出所需发布的信息,将该所需发布的信息作为第一交互信息。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110460357.4A CN103186465B (zh) | 2011-12-31 | 2011-12-31 | 网页用户界面的浏览器兼容性测试方法和系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201110460357.4A CN103186465B (zh) | 2011-12-31 | 2011-12-31 | 网页用户界面的浏览器兼容性测试方法和系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN103186465A true CN103186465A (zh) | 2013-07-03 |
CN103186465B CN103186465B (zh) | 2015-10-28 |
Family
ID=48677641
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201110460357.4A Active CN103186465B (zh) | 2011-12-31 | 2011-12-31 | 网页用户界面的浏览器兼容性测试方法和系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103186465B (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106371992A (zh) * | 2016-08-31 | 2017-02-01 | 腾讯科技(深圳)有限公司 | 浏览器错误检测方法及错误检测装置 |
CN106886491A (zh) * | 2017-01-17 | 2017-06-23 | 博彦科技股份有限公司 | 网页兼容性测试方法及装置 |
CN112506785A (zh) * | 2020-12-15 | 2021-03-16 | 杭州电魂网络科技股份有限公司 | Html5游戏页面登录的自动化测试方法、装置、设备和介质 |
CN117539793A (zh) * | 2024-01-05 | 2024-02-09 | 畅捷通信息技术股份有限公司 | 一种浏览器ui自动测试的方法、装置及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2009066233A2 (en) * | 2007-11-23 | 2009-05-28 | Koninklijke Philips Electronics N.V. | Co-browsing (java) scripted html documents |
US20100186089A1 (en) * | 2009-01-22 | 2010-07-22 | International Business Machines Corporation | Method and system for protecting cross-domain interaction of a web application on an unmodified browser |
CN102033803A (zh) * | 2009-09-29 | 2011-04-27 | 国际商业机器公司 | 跨浏览器测试web应用的方法和装置 |
CN102129405A (zh) * | 2010-01-13 | 2011-07-20 | 微软公司 | 跨浏览器交互性测试 |
-
2011
- 2011-12-31 CN CN201110460357.4A patent/CN103186465B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2009066233A2 (en) * | 2007-11-23 | 2009-05-28 | Koninklijke Philips Electronics N.V. | Co-browsing (java) scripted html documents |
US20100186089A1 (en) * | 2009-01-22 | 2010-07-22 | International Business Machines Corporation | Method and system for protecting cross-domain interaction of a web application on an unmodified browser |
CN102033803A (zh) * | 2009-09-29 | 2011-04-27 | 国际商业机器公司 | 跨浏览器测试web应用的方法和装置 |
CN102129405A (zh) * | 2010-01-13 | 2011-07-20 | 微软公司 | 跨浏览器交互性测试 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN106371992A (zh) * | 2016-08-31 | 2017-02-01 | 腾讯科技(深圳)有限公司 | 浏览器错误检测方法及错误检测装置 |
CN106371992B (zh) * | 2016-08-31 | 2018-09-04 | 腾讯科技(深圳)有限公司 | 浏览器错误检测方法及错误检测装置 |
CN106886491A (zh) * | 2017-01-17 | 2017-06-23 | 博彦科技股份有限公司 | 网页兼容性测试方法及装置 |
CN112506785A (zh) * | 2020-12-15 | 2021-03-16 | 杭州电魂网络科技股份有限公司 | Html5游戏页面登录的自动化测试方法、装置、设备和介质 |
CN117539793A (zh) * | 2024-01-05 | 2024-02-09 | 畅捷通信息技术股份有限公司 | 一种浏览器ui自动测试的方法、装置及存储介质 |
CN117539793B (zh) * | 2024-01-05 | 2024-03-26 | 畅捷通信息技术股份有限公司 | 一种浏览器ui自动测试的方法、装置及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN103186465B (zh) | 2015-10-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20160210632A1 (en) | Secured payment method and relevant device and system | |
CN107341109B (zh) | 一种测试数据的生成方法和系统 | |
CN104821954B (zh) | 一种跨平台远程过程调用方法 | |
CN104978266B (zh) | 一种应用测试方法和装置 | |
CN104407976B (zh) | 一种接口健壮性测试用例生成方法及装置 | |
CN106227742A (zh) | 基于b/s模式的动态网页生成方法、服务器和系统 | |
CN104158836A (zh) | 一种通过数据渲染移动应用界面的方法 | |
CN104639653A (zh) | 基于云架构的自适应方法及系统 | |
CN103312850A (zh) | 一种手机自动化测试系统及工作方法 | |
CN102958022A (zh) | 短信验证方法、装置及系统 | |
CN106209503B (zh) | Rpc接口测试方法及系统 | |
CN104700169A (zh) | 一种发票查验与管理的方法及系统 | |
CN103246606B (zh) | Esb平台的性能测试方法和系统 | |
CN107526676B (zh) | 一种跨系统测试方法及装置 | |
CN105701009B (zh) | 移动终端中的安全性应用测试方法 | |
CN105373478A (zh) | 自动化测试方法和系统 | |
CN109933521A (zh) | 基于bdd的自动化测试方法、装置、计算机设备及存储介质 | |
CN105786695A (zh) | 数据测试方法及系统 | |
CN103186465A (zh) | 网页用户界面的浏览器兼容性测试方法和系统 | |
CN103164324A (zh) | 微博测试方法和装置 | |
CN103914212B (zh) | 一种终端设备及其应用配置方法 | |
CN106067049A (zh) | 一种基于nfc技术的安卓客户端读卡方法 | |
CN105550103A (zh) | 一种基于自定义测试脚本的自动化测试方法 | |
CN106681852B (zh) | 一种浏览器兼容性的调整方法及装置 | |
CN104320387A (zh) | 组件本地化定制方法、终端及服务器 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant | ||
CP02 | Change in the address of a patent holder |
Address after: Room 810, 8 / F, 34 Haidian Street, Haidian District, Beijing 100080 Patentee after: BEIJING D-MEDIA COMMUNICATION TECHNOLOGY Co.,Ltd. Address before: 100089 Beijing city Haidian District wanquanzhuang Road No. 28 Wanliu new building 6 storey block A room 602 Patentee before: BEIJING D-MEDIA COMMUNICATION TECHNOLOGY Co.,Ltd. |
|
CP02 | Change in the address of a patent holder |