浏览器多版本共存测试工具Xenocode Browser Sandbox

还没写过这么长的标题,browser sandbox全名叫Xenocode Browser Sandbox,看到这个标题有点兴奋,当我今天在搜手机模拟器测试的时候,无意中发现了这么一个东西,当你搜索 Xenocode Browser Sandbox 的时候,你就会发现有很多关于这个软件的介绍,但总感觉只是写手 用来宣传的广告语,不知道是不是真的有用,是不是他们有钱收的。。不过可以肯定的是,我写这篇文章我是没钱收。哈哈 ,好了,废话不多说了,进入正题吧。

以前我会想,如果一个系统可以同时装ie6, ie7, ie8,firefox2, firefox3, firefox3.5, safari3, safari4, chrome , opera10, opera9,那就好了,虽然现在也有很多方法来解决浏览器的兼容性测试,但是就我目前的了解情况,这样得装好多个虚拟机来测试,这样是一点都不方便,像ie6 ie7 ie8 虽然有 ietest 还有其它工具来帮助测试,可是偶尔还有些差异,明明ietest没有问题,在别人的ie6 或者ie8下,却出现错乱,当然这个不能全怨浏览器,自己本身的代码写法可能也有问题,写得好的xhtml是很少出现兼容问题的,因为他们了解浏览器的各个bug,ie三个解决了,firefox呢?firefox几个版本怎么共存?用绿化版的?ok,opera呢?safari呢?chrome呢?从官方下载的chrome目前采用自动更新的,应该就是防止出现多版本共存的情况的。我以前试过最多装的测试浏览器有7个,真的已经挺多了,没想到还可以装得更多,现在这种想法终于不是空想了,是的,真的可以,上面提到的浏览器通通可以兼容,通通可以在一个系统打开而不影响目前的系统环境。

东西真的是个好东西,对于我们在web前端做页面构建重构这一块工作的人来说,但是你会发现打开官网,就只有几个浏览器在那里,也没有教你怎么做,啥文档也没有,我看了大半天,好不容易把安装程序弄下来,差点没搞懂怎么用,所以才想写篇文章写给跟我一样迷茫的页面构建者,希望能有点帮助。欢迎拍砖反馈使用效果。

 

打开官方地址:http://spoon.net/browsers/

我发现官方 含谷歌广告打开缓慢,因为以后可能每天都得连线打开这个地址,打开缓慢会很不爽,但我们也要体谅一下人家好不容易整的一个赚钱方式,不用你捐助还想咋样啊 ?

如果不爽上面的带广告的页面,也可以使用我下面的在线地址,没广告的在线使用地址:http://imouou.com/allbrowser/ ( 除了去除广告还删除了很多不必用的代码,加快了打开速度 )

你也可以下载本地版的 http://imouou.com/allbrowser/allbrowser.zip

这些打开页面都是需要连接到官方取数据的,所以如果你不能上网的话,你还是别整了,我也想搞个离线版的,这样我就不怕网络打不开的时候不能用了。搞了半天,没能搞定。。如果有哪个高手搞成了离线版,记得分享一下啊。。

具体使用步骤:

1. 打开在线的使用地址:http://imouou.com/allbrowser/ ( 去除广告快速版,没安装插件前暂时点链接浏览器是没有反应的 )
2. 点击下载安装spoon-plugin插件(需要重启所有在用的浏览器)
3. 然后再打开http://imouou.com/allbrowser/ 点击上面的浏览器就可以在线安装各种浏览器,会有进度条提示你下载结束,然后就啥都没有了,也没有告诉你接下来要怎么去做。。后来才知道要用第4步
4. 安装好以后,就可以通过上面的使用地址http://imouou.com/allbrowser/ 来启动浏览器了。你也可以下载本地版的 http://imouou.com/allbrowser/allbrowser.zip 来启动浏览器

这个插件据说是利用了虚拟机的方式,达到浏览器多版本共存,确实很新颖,也很吸引我,在适用过程中,发现单个浏览器的启动速度有点慢,可能由于在线获取的关系吧,如果想同时打开所有的浏览器,很慢,要先关掉一些才行。。反正对我来说非常好用,我只需要测试好几个主要的浏览器没有问题,然后再一个一个打开测试最终效果,有问题的单独解决。。哈哈,它最大的优点是跟浏览器的效果一样,不是模仿出来的效果,目前还没有发现不同的地方。。欢迎拍砖啊。。

详细使用教程:http://imouou.com/blog/browser-sandbox-jiaocheng/

下面我用我写的一个代码作品,来测试各个浏览器的兼容性,原先已经在ie6绿色版,ie7,ie8,ietest,firefox3.6,safari4,opera10,chrome等浏览器测过,可以宽度自适应兼容,以下是在Browser Sandbox激活的浏览器测试的截图,看图吧,点击图片可以看大图。

该作品在ie8浏览器测试效果图--点击看大图
在ie8浏览器测试效果图

该作品在ie7浏览器测试效果图--点击看大图
在ie7浏览器测试效果图

该作品在ie6浏览器测试效果图--点击看大图
在ie6浏览器测试效果图

该作品在firefox35浏览器测试效果图--点击看大图
在firefox3.5浏览器测试效果图

该作品在firefox3浏览器测试效果图--点击看大图
在firefox3浏览器测试效果图

该作品在firefox2浏览器测试效果图--点击看大图
在firefox2浏览器测试效果图

该作品在safari4浏览器测试效果图--点击看大图
在safari4浏览器测试效果图

该作品在safari3浏览器测试效果图--点击看大图
在safari3浏览器测试效果图

该作品在chrome浏览器测试效果图--点击看大图
在chrome浏览器测试效果图

该作品在opera10浏览器测试效果图--点击看大图
在opera10浏览器测试效果图

该作品在opera9浏览器测试效果图--点击看大图
在opera9浏览器测试效果图

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐