浏览器兼容性测试利器BrowserShots

浏览器兼容性测试利器——BrowserShots
文/ 胡睿
做网页，搞前端的人肯定对各个浏览器中网站的兼容性很头疼，尤其一款浏览器有各个版本，在同一台机器装上各个版本又太难实现，虽然IEtest实现了一个浏览器支持IE6，7，8，9各个版本，但至今还没发现FirefoxTest、OperaTest等类似IEtest的软件，所以我们就需要一个拥有所有浏览器（含各个版本），可以在上面测试我的网页的平台，这个就是——BrowserShots（）
以下是官方对BrowserShots的一段介绍：
Browsershots在不同操作系统的不同浏览器下给您的网页做截图。

这是一个免费的开源的工具，提供给设计师一个方便的途径来测试网站在不同浏览器下的兼容性。

您提交的网址会被加入一个任务队列。

一群分布式的的计算机会在浏览器里打开您的网站。

然后他们将开始截图并上传到我们的中央独立服务器供您浏览。

因为BrowserShots是开源的，官方也提供了XML-RPC接口，我们可以很轻松的去调用它。

当然，在这里不是介绍如何调用接口，下面讲的主要是让大家熟悉BrowserShots，并能上手使用。

打开官网，就能看到各个OS下的各个浏览器的选项：
我们可以先选择好需要测试浏览器，然后在上面输入测试的网址，这两个步骤可以根据自己习惯自行调换。

不仅可以选择测试的浏览器，还是其他的选择项，如屏幕尺寸，JS，FLASH，并且可以保存我的设置，不过前提是你必须先注册，有一个自己的帐号才行。

都设置好后，点击“提交”，然后就会跳转到以下页面：
需要等2分30秒才轮到我，因为网站开源，所以就靠付费会员才能支持下去，所以如果你不想等待，就去当付费会员吧。

点详细信息，可以查看具体某个浏览器的等待时间：
可以看到，有很多已经开始了。

这里做的不好，好像必须等所有浏览器都加载完后，才能查看截图。

再加上网速似乎有点卡，所以建议大家一次测试最好只勾选2-3款浏览器，比如专门测试网站在firefox各个版本下的效果，就勾选firefox的浏览器，其他都不选，这样效率也能提高，还省时间。

……（N个小时后）……
刷新了页面，发现已经处理好了：
点击图片就可以查看大图了，也可以点击右上角的下载，把图片都下载到本地一一查看。

总的用下来，感觉还是比较实用的，如果最终不是以截图的方式显示，那应该会更强大。