代码改变世界

关于多系统跨浏览器 BrowserStack 的使用

2013-12-02 19:54  时空印记  阅读(5629)  评论(1编辑  收藏  举报

 

偶然在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  (百度开发者中心)