浏览器兼容性测试工具Spoon Browser Sandbox

浏览器兼容性测试工具Spoon Browser Sandbox

转载自：http://blog.sina.com.cn/s/blog_6d3c1ec60101cyfz.html

 

A、浏览器兼容性和测试工具

对于Web前端开发工程师来说，要确保代码在各个主流浏览器的各个版本中都能正常工作事件很费时的事情，因为现在有太多浏览器了，主流就有IE、Chrome、FireFox、Safari、Opera，不入流的就更多了，而这些主流的浏览器又有很多版本，以IE为例就有IE 6、IE8、IE9等等。为了保准网页在主流浏览器中都能很好的显示，我们不可能安装所有上述浏览器来进行测试。

当然我们可以借助于工具，比较有名的是IE Tester，不过只能测试IE各个版本的兼容性。现在Chrome、FireFox、Safari等浏览器所占市场份额越来越高，我们也要测试在非IE浏览器中的兼容性。这里有一个很好的工具Spoon Browser Sandbox，它能测试IE、Chrome、FireFox、Safari、Opera所有版本的兼容性。

 

B、Spoon Browser Sandbox

Spoon Browser Sandbox和IE Tester不同，由于 Browser Sandbox的工作原理是基于虚拟机技术，它是通过在浏览器下安装插件的方式来运行不同浏览器模块来进行测试。

官网：https://turbo.net/browsers

 

B.1、安装Spoon Browser Sandbox

Spoon Browser Sandbox是个插件，可以安装在IE下，也可以安装在FireFox或Chrome下。

 

B.2、安装步骤

1、打开官网https://turbo.net/browsers你会看到以下画面。网页上显示的就是所有支持的浏览器及其版本。

 

2、点击任何一个RUN按钮，就会跳出以下画面，你必须注册一个帐号，才可以使用。按要求注册即可。若你有帐号可点击Login to existing account直接登录。

 

3、登录以后会自动下载一个spoon-plugin.exe文件，安装它。安装好以后会在你电脑的右下角出现一个这样的图标 。就表示安装成功了。

 

4、关了所有的浏览器，再次打开官网（我是用Chrome打开官网的，速度比较快，和Spoon Browser Sandbox好像配合的比较好），若我们要在IE 6下测试，我们就点击IE 6后面的RUN按钮。就会出现以下画面。

 

这样spoon-plugin会自动下载IE 6在Chrome下的测试插件，并安装在Chrome下（注意，这里安装的是Chrome下的IE 6调试插件，并不是安装IE 6浏览器，和你的电脑IE 6或其它版本的IE浏览器没有任何关系。若，我们在FireFox下打开官网，点击IE 6后的RUN，就安装FireFox下IE 6调试插件，以此类推。）。耐心等待，从国外的网站下速度不是很快。

5、安装完成后会自动打开IE 6（注意，我的电脑里安装的可是IE 8），若你要测试你做的网页在IE 6的显示情况，你只要在打开的IE 6中输入网址查看就可以了。这真的使用IE 6一样。

 

我在Opera 9后面点击RUN，安装完成后，就出现Opera 9的画面，而你根本不用真实的去安装Opera浏览器。

 

以此类推你可以测试上述所有浏览器，而不用实际安装它，只是装个插件就可以了。