上周,主要工作之一就是测试SAMS系统的网上客服系统的兼容性,本周博文和大家分享的就是在测试过程中遇到的一些问题解决办法和一些实践成果。

实践过程:

1、      用公司的网络花了半天才把38M的IEtester的最新版本从官网http://www.my-debugbar.com/wiki/IETester/HomePage下载下来。IEtester主要是测试不同版本的IE浏览器的兼容性。

2、      安装之后,打开IE5、IE6、IE7、IE8,结果打开IE8的时候报错“unable to load the requested IT version”,上网搜索了很久之后终于找到原因“With IE6 installed you cannot have IE8 instance. This is an IETester limitation so far.”意思应该是当前系统安装了IE6的话,就不能打开IE6

解决办法:

把系统里的IE6升级为IE8即可

3、      正常使用IEtester一段时间后,IEtester里的IE7/IE8会弹出如下对话框。

找不到解决办法,只能重新打开相应的浏览器。

实践成果:

1、硬件条件如下

CPU:英特尔酷睿2双核T6670

内存:3G

显卡:ATI HD 545v

屏幕尺寸:14.1寸

分辨率:1366*768

操作系统:Windows XP SP3

2、如上硬件条件下的测试结果如下

 

IE5

IE6

IE7

IE8

登录界面

界面正常

界面正常

界面正常

界面正常

登录功能

不可正常使用

正常

正常

正常

按钮背景

\

有 

 

正常 

 

正常 

 

主界面的“重新登录”

\

看不完全“重新登录”

看不完全“重新登录”

正常

编辑窗口显示位置

\

过于偏上,导致不可操作工具栏,不可移动窗口

正常

正常

查询界面(如图A)的总滚动条

\

有总滚动条,但用鼠标和鼠标滚轮都拖动不了到最下面

有总滚动条,但用鼠标拖动意义不大,只能用滚轮

没有总滚动条

心得体会:

接下来,还会多研究其他测试浏览器兼容性的工具,找一个合适我们的,毕竟这个IEtester的局限性就是只能测试IE系列的浏览器,而且还会偶尔弹出系统错误。另外还要改变硬件环境,再测试一次,因为目前测试的电脑是我们工作使用的笔记本,而用户通常情况下使用的应该都是台式机,所以改变硬件环境再进行测试是很有必要。最后,这周很深的体会就是借助工具可以事半功倍,做起事情来更加有条不紊。



(续篇)

 

接下来一周,我又探索寻求其他合适我们的工具。

尝试一:

BrowserShots

BrowserShots的好处就是在只需要在官网网址输入一个需要测试的网址,选中想要观察的浏览器,点击“提交”,完成这三步就可以看到该网址在所选浏览器中打开的截图。

但是,BrowserShots也有弊端,而这个弊端使其不能满足目前SAMS项目的网上客服系统的浏览器兼容性测试,就是它不能测试需要登录的系统登录后页面。因为输入登录后的界面网址,BrowserShots就不能识别。

尝试二:

Superpreview,这是为微软自己发布的跨浏览器测试工具,您可以同时查看您的网页在多个浏览器的呈现情况,对页面排版进行直观的比较。

http://expression.microsoft.com/en-us/dd565874.aspx

SuperPreview是微软发布的网页开发调试工具,自带有很多元素查看工具,如箭头、移动、辅助线、对比……,在查看网页的IE6/IE7/IE8不同表现的同时,可以对比效果。 在SuperPreview中,你可以同时浏览网页在各个版本的IE中的效果。根据微软的介绍,SuperPreview的可用IE版本视系统已安装IE浏览器的版本而定,如果系统安装了IE8,那SuperPreview浏览器测试可用版本就包括IE8、IE7和IE6;如果系统安装了IE7,那SuperPreview只包括IE7和IE6;如果系统安装了IE6,那SuperPreview只能测试IE6。这也就意味着如果你要使用SuperPreview的话,使用高版本的IE更“划算”。

但是,这也是一款只针对IE的浏览器测试工具。

尝试三:

Spoon Browser Sandbox是目前为止比较合适的一个浏览器兼容性测试工具。

点击你需要测试的浏览器环境,安装插件就可以进行测试了。帮助你测试网页在Safari、Chrome、Firefox和Opera浏览器中是否正常,IE以前也有的,网站上说应微软的要求去掉了。

接下来,是我安装、使用的过程:

1、  To begin, visit spoon.net/browsers and click where it says Install Plugin.

我的过程:登录spoon.net/browsers ,点击任意一个浏览器图标,网站则会提示安装Plugin,根据提示进行安装。

2、安装完成后,再回到spoon.net/browsers ,点击需要打开的测试浏览器,网站提示登录。

3、创建一个spoon account(free)

4、登录

5、登录之后,系统右下角会显示如下图标,点击图标可打开如下界面,Applications里面保存了已安装的测试浏览器(在http://www.spoon.net/browsers页面上的浏览器进行在线安装),点击一下之后就会进入对该浏览器的操作(包含luanch/add to start menu/delete),点击“launch **浏览器”即可在系统打开该测试浏览器了。

 





测试结果:

使用Spoon Browser Sandbox在SAMS项目网上客服系统的测试结果:

Firefox2以上的版本

Chrome4

以上的版本

Sarafi3以上的版本

Opera9以上的版本

正常

正常

正常

正常