当网站建置完成后,便是要开始进入测试阶段。而在进入测试阶段过程里多少都会在不同平台、浏览器上测试,但其实这是件满困难的事(特别是网站有响应式设计),毕竟不太可能在同一台电脑上安装不同版本的作业系统与浏览器,或是买入各厂牌不同型号的智慧型手机及平板来逐一进行测试。
所以今天Astralweb就为大家介绍BrowserStack 这个测试工具,在这里分成桌机和行动装置来做介绍,一起来看看吧!
桌机
本范例所选用的作业系统及浏览器分别是Windows 10和Chrome
在这里BrowserStack提供了不同版本的作业系统、浏览器以及行动装置,分别在左右两侧(须有帐号并登入)。
选好作业系统、浏览器及版本后,便会出现以下画面,在这里BrowserStack提供了几个较普遍的解析度
小提示:在这里可以随时切换解析度,另外,勾选Scale to fit能缩放浏览器视窗大小喔
如果要截取检测到的Bug画面及储存,BrowserStack也有提供这2个功能
截图:点击会出现以下画面
小提示:左侧工具列有圈选工具、文字输入器及变更颜色的工具可以选择喔
储存:点击会出现以下画面,接着点View all issues 连结到该页面后,再按Download 就能下载图档了
小提示:点击OPEN或CLOSE可以切换是否显示在ISSUE TRACKER上喔
行动装置
本范例所使用的行动装置是Android的Nexus 9 Tablet
在行动装置部分BrowserStack提供了一些较大厂牌与型号的手机和平板。
选好厂牌与型号后,会出现以下画面
小提示:点击可以旋转装置喔
值得一提的是,BrowserStack在行动装置部分也提供了源码检测器的功能,只要点「DevTools」就能叫出源码检测器了(桌机是按F12)
小提示:点击能缩放装置的大小喔
正因为BrowserStack是个不受平台与浏览器限制的测试工具,所以它能让测试者自由选择所要测试的平台与浏览器等,是不是方便了许多呢。
免费试用
另外,BrowserStack有提供免费试用(但须先注册才能获取免费试用),点击「FREE TRIAL」注册完成后就可以开始试用了
小叮咛:免费试用是有期限的喔
付费方案
如果免费试用到期还想再继续使用的话,可以参考BrowserStack的付费方案喔
小叮咛:付费方案与金额会随着所选择的使用人数多寡而有所不同喔
扩充功能元件
在Chrome和Firefox也有BrowserStack的扩充功能元件可以安装,以方便使用者能快速连结到登入页面进行登入动作
BrowserStack官方网站:https://www.browserstack.com/
Ps 以上画面截取至BrowserStack官方网站
以上就是今天为大家介绍的「不受平台与浏览器限制的测试工具BrowserStack」,如您有任何问题,欢迎您与我们联络!