不受平台与浏览器限制的测试工具BrowserStack

发布时间:2023-10-02
当网站建置完成后,便是要开始进入测试阶段。而在进入测试阶段过程里多少都会在不同平台、浏览器上测试,但其实这是件满困难的事(特别是网站有响应式设计),毕竟不太可能在同一台电脑上安装不同版本的作业系统与浏览器,或是买入各厂牌不同型号的智慧型手机及平板来逐一进行测试。
所以今天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」,如您有任何问题,欢迎您与我们联络!
上一个:网站标题中常见的错误描述是什么?
下一个:榕树盆景养护 榕树盆景养护方法

新鲜山楂的做法大全 大家会做糖葫芦了吗?
可燃气体检测仪的0-100%LEL代表什么?
网络通讯中的身份迷失
炒瓜子仁的方法 炒瓜子仁的方法分享
进口零食商品归类实例解析
塑料托盘按照外形和行业分类使用
起泡酒沙田港进口报关代理要注意这些事!
石景山首钢园六工汇
建立网页都有哪些注意事项呢?
玉米馅的做法 健康简单又快手