BrowserStack背景简介
关于浏览器的兼容性测试工具,我们之前有介绍过IETester,但是其主要是针对ie浏览器的,现在浏览器那么多,无论是pc端浏览器还是移动端浏览器,兼容性测试怎么做呢?BrowserStack是一个非常著名的多系统跨浏览器兼容性测试平台,用户在browserstack的网站每次注册后可以享受30分钟的免费试用,以后就会收费,收费注册后享受的功能服务会更多。支持9大操作系统上的100多款浏览器。当然作为一个完善的工具自然会提供支持本地测试的浏览器插件工具,预装有完备的开发者工具。
BrowserStack插件简介
提到BrowserStack提供虚拟化服务。大多数开发者,当他们听到的是“虚拟机”,就认为这不是一种很好的方法,因为虚拟机需要宝贵的磁盘空间和系统资源,并且大多数开发者厌恶运行它们。 BrowserStack采取一种不同的方法,利用Adobe Flash在自己的浏览器提供了一个虚拟浏览器。你不需要安装任何真实的虚拟浏览器。Browser Live是一个针对网站的云跨浏览器测试平台。开发人员和质量工程师可以在1,200多种按需真实移动和桌面浏览器和操作系统中进行交互式测试和调试,而无需设置和维护设备和VM的内部实验室。了
只需点击Chrome浏览器,即可在真实的移动和桌面浏览器及操作系统中即时测试网站。此Chrome扩展程序允许您直接从Chrome浏览器启动Browser Live上的测试会话。只需单击扩展,从可自定义的候选列表中选择浏览器和操作系统组合,然后在Browser Live中快速启动新的测试会话。
主要特点
- 本地测试:在我们的远程浏览器上测试内部开发和登台环境,包括包含HTML,CSS和JavaScript文件的本地文件夹。欲了解更多信息,请访问:www.browserstack.com/local-testing- 实用性覆盖:测试所有旧版本的Internet Explorer(IE6 - IE11),最新测试版和开发版(Edge,Safari,Chrome,Firefox,Opera和Yandex)以及各种真实的iOS和Android设备。查看支持的浏览器,平台和设备列表:www.browserstack.com/list-of-browsers-and-platforms?product=live
- 调试工具:即时查找和修复错误。所有桌面浏览器都附带以下预安装的开发人员工具:www.browserstack.com/debugging-tools
- 屏幕截图:通过单击生成屏幕截图,快速测试设计的响应性。查看屏幕截图:www.browserstack.com/screenshots
可用的操作系统
- Windows:XP,7,8,8.1,10- Windows Phone:8.1
- Mac:OS X Snow Leopard,OS X Lion,OS X Mountain Lion,OS X Mavericks,OS X Yosemite,OS X El Capitan,macOS Sierra,macOS High Sierra
- iOS:3,4,4.3,5,5.1,6,7,8,8.3,9,9.3,10,10.3,11
- Android:2.2,2.3,4.0 - 4.4,5,5.1,6,7,7.1,8
BrowserStack插件使用方法
BrowserStack插件安装方法
1.如果你可以访问chrome应用商店,可以选择在线安装,最新版本的chrome浏览器插件安装方法参照:chrome插件离线安装方法安装插件。如果遇到问题请参照:最新版chrome浏览器安装Chrome插件时出现"CRX-HEADER-INVALID"解决方法
BrowserStack插件怎么用?
1.browerstack插件安装成功后,在浏览器的右上角可以看到如下图示的标记:2.用户安装成功后需要注册,BrowserStack是一个需要付费的服务,我认为是非常合理的定价,你可以得到一大堆更多的功能。 一旦你注册和登录,你就可以在仪表盘看到一些快速启动栏了~
3.用户可以直接输入需要测试的网址,然后选择操作系统和浏览器,直接进行测试就可以,连视频播放都可以支持测试,如下图所示:
这里需要强调的是,你看到的测试页面,不是一个网页截图也不是一个假的进程。是可以直接访问的站点,包括菜单,按钮等等。也包括可以试用浏览器自带的开发工具,比如IE的F12,Chrome的开发工具。所以你不仅能看到你的网页呈现在浏览器里的样子,也可以使用现有的工具来调试常见问题。很酷
BrowserStack注意事项
注意:您需要拥有BrowserStack帐户才能使用此Chrome扩展程序。立即注册以免费试用Browser Live:www.browserstack.com/users/sign_upBrowserStack - 移动和PC端浏览器及操作系统中即时测试网页兼容性下载地址
点击下载BrowserStack - 移动和PC端浏览器及操作系统中即时测试网页兼容性