broswer

比ietest更好的浏览器调试工具BrowrSandbox使用教程

o仔札...

Postedon04月10th,2010作者：o仔

还没写过这么长的标题，browrsandbox全名叫Xenocode

BrowrSandbox，看到这个标题有点兴奋，当我今天在搜手机模拟

器测试的时候，无意中发现了这么一个东西，当你搜索Xenocode

BrowrSandbox的时候，你就会发现有很多关于这个软件的介绍，

但总感觉只是写手用来宣传的广告语，不知道是不是真的有用，是不

是他们有钱收的。。不过可以肯定的是，我写这篇文章我是没钱收。

哈哈，好了，废话不多说了，进入正题吧。

以前我会想，如果一个系统可以同时装ie6,ie7,ie8，firefox2,

firefox3,firefox3.5,safari3,safari4,chrome,opera10,opera9,那就

好了，虽然现在也有很多方法来解决浏览器的兼容性测试，但是就我

目前的了解情况，这样得装好多个虚拟机来测试，这样是一点都不方

便，像ie6ie7ie8虽然有ietest还有其它工具来帮助测试，可是偶尔

还有些差异，明明ietest没有问题，在别人的ie6或者ie8下，却出现

错乱，当然这个不能全怨浏览器，自己本身的代码写法可能也有问题，

写得好的xhtml是很少出现兼容问题的，因为他们了解浏览器的各个

bug，ie三个解决了，firefox呢？firefox几个版本怎么共存？用绿化

版的？ok，opera呢？safari呢？chrome呢？从官方下载的chrome

目前采用自动更新的，应该就是防止出现多版本共存的情况的。我以

前试过最多装的测试浏览器有7个，真的已经挺多了，没想到还可以

装得更多，现在这种想法终于不是空想了，是的，真的可以，上面提

到的浏览器通通可以兼容，通通可以在一个系统打开而不影响目前的

系统环境。

东西真的是个好东西，对于我们在web前端做页面构建重构这一

块工作的人来说，但是你会发现打开官网，就只有几个浏览器在那里，

也没有教你怎么做，啥文档也没有，我看了大半天，好不容易把安装

程序弄下来，差点没搞懂怎么用，所以才想写篇文章写给跟我一样迷

茫的页面构建者，希望能有点帮助。欢迎拍砖反馈使用效果。

打开官方地址：/browrs/

我发现官方含谷歌广告打开缓慢，因为以后可能每天都得连线打

开这个地址，打开缓慢会很不爽，但我们也要体谅一下人家好不容易

整的一个赚钱方式，不用你捐助还想咋样啊？

如果不爽上面的带广告的页面，也可以使用我下面的在线地址，

没广告的在线使用地址：(除了去除广告还删除了很多不必用的代码，

加快了打开速度)

你也可以下载本地版的

这些打开页面都是需要连接到官方取数据的，所以如果你不能上

网的话，你还是别整了，我也想搞个离线版的，这样我就不怕网络打

不开的时候不能用了。搞了半天，没能搞定。。如果有哪个高手搞成

了离线版，记得分享一下啊。。

具体使用步骤：

1.打开在线的使用地址：(去除广告快速版，没安装插件前暂时

点链接浏览器是没有反应的)

2.点击下载安装spoon-plugin插件（需要重启所有在用的浏览

器）

3.然后再打开点击上面的浏览器就可以在线安装各种浏览器，会

有进度条提示你下载结束，然后就啥都没有了，也没有告诉你接下来

要怎么去做。。后来才知道要用第4步

4.安装好以后，就可以通过上面的使用地址来启动浏览器了。你

也可以下载本地版的来启动浏览器

这个插件据说是利用了虚拟机的方式，达到浏览器多版本共存，

确实很新颖，也很吸引我，在适用过程中，发现单个浏览器的启动速

度有点慢，可能由于在线获取的关系吧，如果想同时打开所有的浏览

器，很慢，要先关掉一些才行。。反正对我来说非常好用，我只需要

测试好几个主要的浏览器没有问题，然后再一个一个打开测试最终效

果，有问题的单独解决。。哈哈，它最大的优点是跟浏览器的效果一

样，不是模仿出来的效果，目前还没有发现不同的地方。。欢迎拍砖

啊。。

详细使用教程：

下面我用我写的一个代码作品，来测试各个浏览器的兼容性，原

先已经在ie6绿色版，ie7，ie8，ietest，firefox3.6，safari4，

opera10，chrome等浏览器测过，可以宽度自适应兼容，以下是在

BrowrSandbox激活的浏览器测试的截图，看图吧，点击图片可以

看大图。

在ie8浏览器测试效果图

在ie7浏览器测试效果图

在ie6浏览器测试效果图

在firefox3.5浏览器测试效果图

在firefox3浏览器测试效果图

在firefox2浏览器测试效果图

在safari4浏览器测试效果图

在safari3浏览器测试效果图

在chrome浏览器测试效果图

在opera10浏览器测试效果图

在opera9浏览器测试效果图