第十二期:七种优秀的浏览器兼容性测试工具

本文向您介绍目前最为流行的、面向开发人员的七大浏览器兼容性测试工具。

作者：陈峻

在许多谈及网站或Web应用开发的场合，开发人员最为关心的莫过于跨浏览器的兼容性问题。如您所知，诸如：计划、设计、测试等大多数工作都可以在网站的开发阶段顺利完成。但是跨浏览器兼容性问题则会持续到网站上线之后。例如：也许您已经在Mozilla Firefox、Internet Explorer、以及Chrome上完成了网站测试，可是用户偏偏使用Opera或Safari浏览器来访问您的网站，并且遇到了页面显示问题。如果您未能及时解决、并改善用户体验，则可能会损失大量的用户，乃至降低投资回报率。

跨浏览器兼容性的定义

所谓跨浏览器兼容性测试是指：在所有相关的浏览器、操作系统、以及各类设备上，验证Web应用程序、或目标网站的基本特征，以确保它们能够在每一种平台上提供一致且良好的用户体验。其中，主要会涉及到如下指标：

性能 –确保在所有平台上都具有优秀的Web性能。
代码验证 –确保JavaScript和CSS能够在所有的浏览器中被正确验证。
用户界面 –检查Web UI是否符合您的期望。
行为 –在整个网站上能够提供一致性的用户体验，包括：导航、对话框、以及链接等。

也许您经常会疑惑：到底如何才能在有限的时间内完成所有浏览器、操作系统和设备类型的测试呢?逐个进行测试显然是不实际的。我们需要通过研究，找出用户最常使用那些具有代表性的浏览器和设备，然后以此为出发点，通过自动化的工具，简化并加速测试的过程。在此，我们将向您介绍目前流行的、面向开发人员的七大浏览器兼容性测试工具。

1. LambdaTest(https://www.lambdatest.com/)

作为一款基于云的自动化跨浏览器测试平台，LambdaTest提供了2000多种浏览器和操作系统的组合，以方便您测试自己的Web应用程序。它可以让您在基于云的selenium grid上执行自动化的selenium脚本，并针对网页进行各种实时的交互式测试。LambdaTest能够提供自动化测试、实时测试、响应式测试、屏幕截图测试、以及可视化测试。如果您在测试Web应用或网站时遇到任何技术问题，LambdaTest都能提供24x7的全天候支持。可以说，它是最为常见的跨浏览器测试工具之一。

LambdaTest的特征

您可以通过LambdaTest Tunnel功能，来测试本地网页和在私有托管环境中的显示效果。
通过智能化的UI比较测试，您可以在各个阶段环境中比较不同页面的屏幕快照。
使用Screenshot API，为各种Web应用测试生成自动化的截图。
提供适用于Google Chrome和WordPress的扩展程序。
为各种错误跟踪和项目管理工具(如Jira、Trello、GitHub等)提供集成。

LambdaTest的实时(live)测试计划的起售价为每月15美元，而Web自动化+实时计划的起售价则为每月59美元。此外，它还提供了一种终身免费的选项。

2. Browserstack(https://www.browserstack.com/)

作为浏览器测试市场上最古老的工具之一，Browserstack仍然被Microsoft、jQuery、Airbnb、以及Wikipedia等知名企业所延用着。它是一款基于Web的实时浏览器测试工具。Browserstack使用各种开发工具，来提供对于虚拟机的即时访问。这使得开发人员能够轻松地开展Web应用相关测试，以及本地安全性测试。

Browserstack的特征

能够在1500多种浏览器和操作系统的组合中，执行响应式测试，以及屏幕截图测试。
能够测试从800x600到2048x1536的显示分辨率。
提供了6种操作系统、以及5种Windows不同版本的结合测试。
其地理位置测试功能，能够模拟那些安全且专用IP位置。

Browserstack的定价计划(https://www.browserstack.com/pricing)为：网络版实时测试售价每月29美元;网络版自动化测试则为每月99美元。

3. Browsershots(http://browsershots.org/)

作为一款开源的在线跨浏览器测试平台，Browsershots主要致力于捕获浏览器中的屏幕截图。Browsershots背后的理念是：允许个人贡献出自己的计算机处理能力。也就是说：作为一款基于队列的工具，它能够将用户在网页地址栏里输入的URL，传递到不同地域的分布式计算机系统中进行测试。

Browsershots的特征

完全免费，但由广告驱动，提供200多种浏览器版本，并能够捕获相应的屏幕截图。
支持多种浏览器，包括Arora、Opera、Safari、SeaMonkey等。
支持从640px到1600px的桌面分辨率。
可以修改颜色深度，禁用JavaScript，以及启/禁Java和Flash。

由于Browsershots是开源的免费测试平台，因此不存在任何定价方案。

4.Sauce Labs(https://saucelabs.com/)

Sauce Labs是一款基于云的跨浏览器测试平台，能够为企业和开源开发团队提供服务。它能够为800多种浏览器和移动设备，提供Web和移动应用程序的手动及自动化测试。此外，它还能够与JS Unit、Selenium、Appium等新技术相集成，提供更宽广的测试范围，以及更快速且更稳定的测试服务。

Sauce Labs的特征

无需任何维护，也不需要在系统上安装任何虚拟机。
提供对于实时断点的访问，以方便用户手动控制系统，进而发现问题。
通过这款优化过的云测试平台，您可以开展跨浏览器式的并行测试。
它带有屏幕截图和视频录制功能，可为您快速跟踪各种错误。
针对网络调用和浏览器控制台日志的扩展调试，可以让您深入了解各种网络请求和浏览器的相关性能。
提供先进的移动端测试。

Sauce Labs的订购价格(https://saucelabs.com/pricing)为：每个并发会话的最低售价为19美元。当然，它也提供了一种为期14天的免费试用计划，用户可以获取2个并发会话、以及60分钟的实时测试。

5.Browser Sandbox(https://turbo.net/browsers)

由turbo.net带来的Browser Sandbox具有测试网络浏览器方面的独特方法。它是基于Web的容器平台，能够在任何Windows桌面系统上快速地运行那些基于桌面端、以及基于服务器端的应用程序。

Browser Sandbox的特征

广泛地支持多种浏览器，包括：Internet Explorer 6-11、Chrome、Opera、以及Safari等。
无需安装，只需单击即可快速运行。
能够测试基于服务器的应用程序与站点。

Browser Sandbox的定价计划(https://turbo.net/pricing)为：起价每月9.95美元。当然，它也提供了一种免费的方案，您可以运行10 GB大小的最新版应用。

6. Browserling(https://www.browserling.com/)

Browserling是由Peteris Krumins和James Halliday于2010年推出的实时交互式跨浏览器测试工具。它旨在几秒钟内测试完整个网站或Web应用。如今，它正在被Teespring、NHS、Blekko、以及Coderwall等大公司所广泛使用。您可以通过屏幕截图的方式，捕获浏览器中的网页信息，并共享给他人。与前面的Browserstack类似，它可以让您连接到远程真实的计算机与浏览器上，开展各种“本地化”的测试工作。

Browserling的特征：

通过更改屏幕的分辨率和调整浏览器的尺寸，以测试目标网站或Web应用的响应能力。
提供适用于Chrome、Firefox、Safari和Opera浏览器的扩展程序，以实现快速的跨浏览器测试。
支持多种操作系统，包括：Windows XP、Vista和8.1。
提供API和SSH隧道，以进行本地测试。

Browserling的定价计划(https://www.browserling.com/#pricing)为：起售价每月19美元，其中包括了所有的费用。当然，您也可以选择每月29美元的团队套餐。

7. CrossBrowser Testing(https://crossbrowsertesting.com/)

于2008年推出的CrossBrowser Testing也是一个基于云的测试平台。您可以针对数十种浏览器和真实的设备开展Web应用测试，并获得即时的结果。通过它提供的本地安全隧道连接，您可以在公司内部的防火墙后端对目标站点展开测试。此外，借助Selenium的在线网格(online grid)，您也可以在真实的设备和浏览器上，运行各种Selenium和Appium类型的脚本。

CrossBrowser Testing的特征