還沒寫過這么長的標題，browser sandbox全名叫Xenocode Browser Sandbox，看到這個標題有點興奮，當我今天在搜手機模擬器測試的時候，無意中發(fā)現(xiàn)了這么一個東西，當你搜索 Xenocode Browser Sandbox 的時候，你就會發(fā)現(xiàn)有很多關(guān)于這個軟件的介紹，但總感覺只是寫手 用來宣傳的廣告語，不知道是不是真的有用，是不是他們有錢收的。。不過可以肯定的是，我寫這篇文章我是沒錢收。哈哈 ，好了，廢話不多說了，進入正題吧。
以前我會想，如果一個系統(tǒng)可以同時裝ie6, ie7, ie8，firefox2, firefox3, firefox3.5, safari3, safari4, chrome , opera10, opera9,那就好了，雖然現(xiàn)在也有很多方法來解決瀏覽器的兼容性測試，但是就我目前的了解情況，這樣得裝好多個虛擬機來測試，這樣是一點都不方便，像ie6 ie7 ie8 雖然有 ietest 還有其它工具來幫助測試，可是偶爾還有些差異，明明ietest沒有問題，在別人的ie6 或者ie8下，卻出現(xiàn)錯亂，當然這個不能全怨瀏覽器，自己本身的代碼寫法可能也有問題，寫得好的xhtml是很少出現(xiàn)兼容問題的，因為他們了解瀏覽器的各個bug，ie三個解決了，firefox呢？firefox幾個版本怎么共存？用綠化版的？ok，opera呢？safari呢？chrome呢？從官方下載的chrome目前采用自動更新的，應該就是防止出現(xiàn)多版本共存的情況的。我以前試過最多裝的測試瀏覽器有7個，真的已經(jīng)挺多了，沒想到還可以裝得更多，現(xiàn)在這種想法終于不是空想了，是的，真的可以，上面提到的瀏覽器通通可以兼容，通通可以在一個系統(tǒng)打開而不影響目前的系統(tǒng)環(huán)境。
東西真的是個好東西，對于我們在web前端做頁面構(gòu)建重構(gòu)這一塊工作的人來說，但是你會發(fā)現(xiàn)打開官網(wǎng)，就只有幾個瀏覽器在那里，也沒有教你怎么做，啥文檔也沒有，我看了大半天，好不容易把安裝程序弄下來，差點沒搞懂怎么用，所以才想寫篇文章寫給跟我一樣迷茫的頁面構(gòu)建者，希望能有點幫助。歡迎拍磚反饋使用效果。
打開官方地址：http://spoon.net/browsers/
我發(fā)現(xiàn)官方 含谷歌廣告打開緩慢，因為以后可能每天都得連線打開這個地址，打開緩慢會很不爽，但我們也要體諒一下人家好不容易整的一個賺錢方式，不用你捐助還想咋樣啊 ？
如果不爽上面的帶廣告的頁面，也可以使用我下面的在線地址，沒廣告的在線使用地址：http://imouou.com/allbrowser/ ( 除了去除廣告還刪除了很多不必用的代碼，加快了打開速度 )
你也可以下載本地版的 http://imouou.com/allbrowser/allbrowser.zip
這些打開頁面都是需要連接到官方取數(shù)據(jù)的，所以如果你不能上網(wǎng)的話，你還是別整了，我也想搞個離線版的，這樣我就不怕網(wǎng)絡打不開的時候不能用了。搞了半天，沒能搞定。。如果有哪個高手搞成了離線版，記得分享一下啊。。
具體使用步驟：
1. 打開在線的使用地址：http://imouou.com/allbrowser/ ( 去除廣告快速版，沒安裝插件前暫時點鏈接瀏覽器是沒有反應的 )
2. 點擊下載安裝spoon-plugin插件（需要重啟所有在用的瀏覽器）
3. 然后再打開http://imouou.com/allbrowser/ 點擊上面的瀏覽器就可以在線安裝各種瀏覽器，會有進度條提示你下載結(jié)束，然后就啥都沒有了，也沒有告訴你接下來要怎么去做。。后來才知道要用第4步
4. 安裝好以后，就可以通過上面的使用地址http://imouou.com/allbrowser/ 來啟動瀏覽器了。你也可以下載本地版的 http://imouou.com/allbrowser/allbrowser.zip 來啟動瀏覽器
這個插件據(jù)說是利用了虛擬機的方式，達到瀏覽器多版本共存，確實很新穎，也很吸引我，在適用過程中，發(fā)現(xiàn)單個瀏覽器的啟動速度有點慢，可能由于在線獲取的關(guān)系吧，如果想同時打開所有的瀏覽器，很慢，要先關(guān)掉一些才行。。反正對我來說非常好用，我只需要測試好幾個主要的瀏覽器沒有問題，然后再一個一個打開測試最終效果，有問題的單獨解決。。哈哈，它最大的優(yōu)點是跟瀏覽器的效果一樣，不是模仿出來的效果，目前還沒有發(fā)現(xiàn)不同的地方。。歡迎拍磚啊。。
詳細使用教程：http://imouou.com/blog/browser-sandbox-jiaocheng/
下面我用我寫的一個代碼作品，來測試各個瀏覽器的兼容性，原先已經(jīng)在ie6綠色版，ie7，ie8，ietest，firefox3.6，safari4，opera10，chrome等瀏覽器測過，可以寬度自適應兼容，以下是在Browser Sandbox激活的瀏覽器測試的截圖，看圖吧，點擊圖片可以看大圖。
在ie8瀏覽器測試效果圖
在ie7瀏覽器測試效果圖
在ie6瀏覽器測試效果圖
在firefox3.5瀏覽器測試效果圖
在firefox3瀏覽器測試效果圖
在firefox2瀏覽器測試效果圖
在safari4瀏覽器測試效果圖
在safari3瀏覽器測試效果圖
在chrome瀏覽器測試效果圖
在opera10瀏覽器測試效果圖
在opera9瀏覽器測試效果圖
