使用BrowserStack进行跨浏览器测试
跨浏览器的测试，对于前端来说再熟悉不过。多年来，我们依赖于各种各样的工具来帮助我们完成跨浏览器的测试，包括虚拟机，模拟浏览器的工具，甚至有多个设备。这样看起来很烦人，很累赘，今天和大家分享一下如何使用BrowserStack进行跨浏览器测试。
浏览器中的BrowserStack
提到
BrowserStack提供虚拟化服务。大多数开发者，当他们听到的是“虚拟机”，就认为这不是一种很好的的方，因为虚拟机需要宝贵的磁盘空间和系统资源，并且大多数开发者厌恶运行它们。
BrowserStack采取一种不同的方法，利用Adobe Flash在自己的浏览器提供了一个虚拟浏览器。你不需要安装任何真实的虚拟浏览器。
这是非常强大的功能，最关键的就是要在你的浏览器做的。当然你不局限在操作系统或浏览器版本选择。browserstack提供虚拟化为：
- Windows XP, 7 and 8
- OSX Snow Leopard, Lion and Mountain Lion
- iOS
- Android
- Opera Mobile
是的，他们提供移动浏览器的虚拟化。我们在一个移动的世界，所以我期望的不多。根据你选择的操作系统，BrowserStack提供了一些特定的操作系统支持的浏览器，在某些情况下，包括测试版和nightlies。
除了操作系统和浏览器的选项，你可以选择你喜欢的屏幕分辨率测试，这是特别有用的，它可以检查网站页面的布局。开发者也可以登录http://www.browserstack.com/responsive监测你的网站在不同的分辨率下显示。
BrowserStack是如何工作的
第一步你需要注册，BrowserStack是一个需要付费的服务，我认为是非常合理的定价，你可以得到一大堆更多的功能。 一旦你注册和登录，你就可以在仪表盘看到一些快速启动栏了~
你可以直接输入需要测试的网址，然后选择操作系统和浏览器，直接进行测试。
这里需要强调的是，你看到的测试页面，不是一个网页截图也不是一个假的进程。是可以直接访问的站点，包括菜单，按钮等等。也包括可以试用浏览器自带的开发工具，比如IE的F12，Chrome的开发工具。
所以你不仅能看到你的网页呈现在浏览器里的样子，也可以使用现有的工具来调试常见问题。很酷！
在本地使用BrowserStack
BrowserStack提供了一个隧道功能，允许您远程测试本地页面。它采用Java Applet作为代理基于云计算的服务，在您的目录或Web服务器。这意味着你将需要安装Java，而我更倾向于在这种情况下，不建议安装的Java浏览器插件，但是这是一个必要和有价值的。 在browserstack仪表板中，您应该会看到一个标题为“本地测试”的两个按钮标记为“Web隧道”和“命令行”。
“网络隧道”选项，利用了Java applet来建立您的计算机和远程服务之间的隧道。这可以在文件系统级别上，在那里你可以选择一个特定的目录您的网页或本地服务器的URL（例如：本地主机）。为了说明这一点，我已经安装了WAMP的我的电脑上有一个本地网络服务器，与BrowserStack使用。 WAMP的默认情况下，也可通过安装phpMyAdmin的：
http://localhost:81/phpmyadmin/ 我使用端口81为不与另一个进程我运行冲突。点击“网络隧道”选项打开如下对话框让你知道程序加载：
因为Oracle工作在安全的Java上，尤其是他们的浏览器插件，你应该提示运行小程序。我的建议是绝不允许任何未签名的小程序，从一个网站到你的电脑上运行，所以我总是将我的Java安全性设置为“高”。还有一个选项，称为“非常高”，可以防止browserstack程序从远程连接。
一旦运行applet，你会出现一个对话框，询问您当地的服务器的地址或文件夹。
正如你可以看到，我进入我的本地URL，它检测到的端口号。如果您需要，您也可以使用SSL。在这里我能看到我的BrowserStack远程服务器上的本地副本的phpMyAdmin。
现在，如果你不想在浏览器或因某些原因不能使用Java小应用程序，您可以使用“命令行”选项，你需要下载一个。JAR文件称为通过命令行来建立连接：
java -jar BrowserStackTunnel.jar localhost,3000,0
在 会是一个BrowserStack的访问键，你必须输入。一旦建立连接后，你再返回到仪表板，开始测试。就我个人而言，我更喜欢小程序的方法因为它很简单。
总结
我想你会同意，从浏览器测试的角度来看，这是一个非常酷的服务，使得它大大简化跨浏览器测试，甚至在本地。这肯定是一个可行的替代这些系统资源短缺的虚拟机。 但BrowserStack提供了很多更包括自动化功能测试，浏览器截图捕捉和响应式设计的测试服务，可以让您看到您的网站将如何跨多个设备（不只是浏览器）。 这些服务，作为一个专业的开发人员肯定是值得投资的。 via：Tuts Fans
标签:浏览器测试IE WebBrowserStack
相关资讯
留言评论
