测试网页兼容软件,浏览器浏览器兼容性测试利器——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个小时后 ……

刷新了页面发现已经处理好了

点击图片就可以查看大图了也可以点击右上角的下载把图片都下载到本地一一查看。总的用下来感觉还是比较实用的如果最终不是以截图的方式显示那应该会更强大。