關於多系統跨瀏覽器 BrowserStack 的使用

 

偶然在Scott Hanselman Blogs看到一篇關於 BrowserStack 博文，對於前端多瀏覽器測試。

如今擁有各自內核的瀏覽器愈來愈多，各自的特性也千差萬別。若是做爲一個前端攻城師想要檢測網站在不一樣的操做系統和移動平臺下的各類瀏覽器的兼容性，那是至關痛苦不堪的。看到有在本身電腦上裝虛擬機配置各類環境，有本身的電腦上組建好這樣的環境，而後一一測試，但是人的精力畢竟有限，咱們無法在同一臺電腦上裝那麼多系統，那麼多瀏覽器的。幸虧出了個 BrowserStack 是前端的福音呀。

BrowserStack 是一個提供網站瀏覽器兼容性測試的在線雲端應用，支持9大操做系統上的100多款瀏覽器。支持本地測試，支持與Visual Studio集成。或者你也能夠直接前往http://modern.ie 在線測試，如今註冊能夠免費試用三個月，三個月後是收費的，三個月後要是你想用又不想付費做爲天朝的開發者你懂得。

 

經過VS--「擴展和更新」來找到 BrowserStack 進行安裝

 

安裝完畢後，新建一個WebSite 或WebApp在 運行裏就能看到已安裝的 BrowserStack 來進行選擇試用

 

選擇執行之後，將會彈出一個選擇框 讓選擇「系統」和「瀏覽器版本」  

 

 

選擇完後 點擊"GO" ，將看到一個初始化頁面。左邊是你要想要選擇的什麼樣的 測試環境 組合。在頁面呈現的時候，能夠隨時選擇隨意搭配測試環境。

 

初始化完後，所看到的跟在IE 或者CHROME瀏覽器裏面看到同樣。值得一提的是，在BrowserStack中你照樣能夠調出IE或CHROME自帶的F12開發人員工具對網頁進行調試。

 

 

 

相關連接：

http://www.hanselman.com/blog/CrossBrowserDebuggingIntegratedIntoVisualStudioWithBrowserStack.aspx

http://www.modern.ie/zh-cn

http://www.tutsfans.com/using-browserstack-for-cross-browser-testing/

http://mtc.baidu.com/?pname=webappcreate  （百度開發者中心）