比ietest 更好的浏览器调试工具 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浏览器测试效果图

在ie7浏览器测试效果图

在ie6浏览器测试效果图

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

在firefox3浏览器测试效果图

在firefox2浏览器测试效果图

在safari4浏览器测试效果图

在safari3浏览器测试效果图

在chrome浏览器测试效果图

在opera10浏览器测试效果图

在opera9浏览器测试效果图

转载于:https://www.cnblogs.com/TTTT/archive/2010/07/28/1787106.html