用browsercam做用户登录后页面的兼容性测试

还是网站在不同操作系统不同浏览器下兼容性的问题,但难度加了一层.如果是要检查用户登录后的页面的兼容性,该怎么办?

现在一般的测试网站,都是提交一个网址,然后给你测试结果.但是像邮箱这样的东西就没办法了,比如邮箱,从url看都是xxx.com/mailbox,但个人的情况可能完全不同.这个时候,怎么办?

一些主流的兼容性测试网站都提供了解决办法,现在我们看browsercam的.

为了能够给用户提供登录后测试的功能,browsercam提供了一个firefox插件.安装这个插件后,用firefox打开你要测试的那个登录后页面,然后点一下插件的按钮,就可以把这个藏在后面的页面截获下来.并在不同的浏览器中察看效果.

下面是一个简单的教程:

设定preferences

1.登录browsercam

2.在页面上面的导航条点击my preferences,进入设定页面

3.在general页面,将Delay的值设的大一些,比如设成9

4.不要勾选Save Page Source

5.在project页面,选择要把做好的测试放到哪个project下

6.在browsers页面上,选择要做测试的浏览器.

7.然后更新preferences

下载插件 

1.登录browsercam

2.在home页的capture tools点Gomez WebInsight 

3.在弹出的页面点 download now

4.在弹出的firefox addon页面点击"add to firefox".如果按钮是灰色,需要先在mozilla注册,登录后在下载

5.安装完插件后,重启firefox

做测试

1.启动firefox,在forefox的tools按钮下找Gomez WebInsight,(前面有Gomez的绿色标志)

2.点log into your accout登录

3.在地址栏输入要测试的网站地址

4.填入用户名和密码登录网站,然后到想要测试的页面

5.点击firefox右下角的绿色Gomez标志,点击一次就表示做了一次测试.

6.再到tools-Gomez WebInsight下,找View Captures,点击后出现结果页. 这个结果页显示的就是刚才preferences选择的那个project.

附图1.webinsight的截图:

 



 

附图2.操作按钮:

 

一开始的设定与插件安装是麻烦了些,但这之后,就可以享受一键测试的快乐啦.还不去试试?