偶然在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.tutsfans.com/using-browserstack-for-cross-browser-testing/
http://mtc.baidu.com/?pname=webappcreate (百度開發者中心)