千丝海阁

这是一篇转载的文章，原文出处为：http://www.ipeld.net/archives/5079.html

或许有很多前端设计者人已经在知晓BrowserStack.com，但是tiandi不是搞前端的，所以还是第一次听说。早上在好友翼帆远航的博客里看到此文章时，顿时感觉之前tiandi用的testsize.com实在太寒酸了。。。不谈了，赶紧拿来转载分享，希望对不知道BrowserStack的朋友有用。

[flatbtn type=fieldgreen size=small]以下为原文内容：[/flatbtn]

最近一直苦于网站浏览器兼容性的检验，如果想要检验在不同操作系统、不同浏览器下网站的表现的话，一般的办法就是在自己的电脑上组建好这样的环境，然后一一测试，可是人的精力毕竟有限，我也没办法在同一台电脑上装那么多系统，那么多浏览器，那我该怎么办呢？我正因此而发愁。
有一次不经意间点开一个广告，进入的是一个网站： BrowserStack.COM ，经过简单的了解后发现它是个非常强大的网站浏览器兼容性测试工具，它可以将所有操作系统、浏览器和屏幕分辨率的组合都取一遍，然后分别进行测试，这样就大大降低了网站测试的成本。
经过实际使用，它真的很好用，所以我推荐给大家。
[以下是看图说话环节]
1）这是网站的主界面，上面英文大概的意思是注册可以获得3个月的免费体验期，废话不多说，填完注册信息赶紧进入。

*）这里你可以选择要测试的网页

2）初次进入网站，它会自动检测并连接与你所在地最近的服务器，以保证连接质量。

3）初次进入就是这个界面，左侧可以选择不同的操作系统、浏览器和屏幕分辨率，右侧是预览区。千万不要以为右侧区域只是纯粹的屏幕截图喔~~ 它是可以直接用鼠标操作的~~ 所以，用它可以测试在特定环境下网站的各项功能是否能正常执行。

4）这里可以选择操作系统，可选择的范围涵盖了 Windows、Linux、Mac OSX、Android 和 iOS 的常用版本

5）这里你可以选择不同的浏览器，也可以选择版本，IE、Chrome、FireFox、Opera 和 Safari 任你选~~ 而且版本也是可选的喔~

6）在这里你可以选择不同的屏幕分辨率，不知道是不是我现在在用的是 4:3 比例屏幕的原因，上面列出的可选择的屏幕分辨率都是 4:3 比例的。

7）选择好操作系统、浏览器和屏幕分辨率以后，点击底下的 Update 按钮就可以更新右侧的画面了。

8）T_T 很悲催的是，翼帆远航在 IE6 下的表现真是惨不忍睹，让我目不忍视啊~~

好了，最重要的，这个网站的网址是：http://www.browserstack.com/

---