使用BrowserStack进行跨浏览器测试

2021-03-21 22:47    411人浏览        0 条评论

跨浏览器的测试,对于前端来说再熟悉不过。多年来,我们依赖于各种各样的工具来帮助我们完成跨浏览器的测试,包括虚拟机,模拟浏览器的工具,甚至有多个设备。这样看起来很烦人,很累赘,今天和大家分享一下如何使用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

相关资讯

留言评论

评论已关闭。

ie浏览器下载