2022年你需要的8个跨浏览器测试工具

本文是与LambdaTest．感谢您对合作伙伴的支持，是他们让SitePoint成为可能。必威西盟体育网页登录

本文在2019年4月进行了第三次更新，以反映已经出现和消失的跨浏览器测试工具，并反映当前的浏览器使用统计数据。

首先，什么是跨浏览器测试?

跨浏览器测试是在用户目前使用的所有常见web浏览器中测试web应用程序和网站的一种形式——这确保我们在任何地方都提供一致的用户体验，而不仅仅是我们喜欢的web浏览器。以下是一些需要注意的事情:

• 代码验证:有些浏览器会报告代码错误吗?
• 性能:网站是否运行缓慢，甚至导致崩溃?
• 响应设计:设计是否响应一致?
• UI不一致:还有其他设计缺陷吗?
• 其他奇怪的行为:还有什么不工作的吗?

如果我不测试会发生什么?

不一致实际上是很正常的。事实上，所有浏览器的行为和呈现网站的方式都有所不同，有些浏览器甚至不支持我们最初打算使用的功能;当这些不一致性出现时，它将直接影响我们的收益。

让我们以电子商务为例。69.89%的结帐被放弃，并且17％其中一部分是由于网站错误和崩溃造成的。假设一家公司每年的销售额为50万，那么由于错误和崩溃而损失的销售额就有59,407笔，而这些错误和崩溃本可以通过跨浏览器测试来避免。

我应该在哪些浏览器上测试?

自从微软宣布他们将放弃自己的EdgeHTML和Chakra引擎，转而支持被广泛采用的Blink和V8引擎以来，这意味着现在许多主流浏览器都提供了类似级别的代码兼容性。虽然从良性竞争的角度来看，这是一个倒退，但这确实意味着如果一个网站在谷歌Chrome上运行，它很可能在Brave、Opera和即将推出的Microsoft Edge上运行。再加上微软已经指示我们停止使用Internet Explorer，跨浏览器测试比以往任何时候都更容易，只有Safari和Firefox使用它们自己的引擎。

从技术上讲，网络浏览器我们应该今天所支持的是我们的用户和客户正在使用的，使用谷歌Analytics或其他类型的网络分析跟踪软件很容易找到的信息。但如果你没有这样的数据，这里有全球统计*:

• 铬:61.75%
• Safari: 15.12%
• Firefox: 4.92%
• 加州大学:4.22%
• 歌剧:3.15%
• ie浏览器:2.8%
• 三星互联网:2.74%
• 微软Edge: 2.15%

*截至2018年11月。

此外，请记住，每个web浏览器在多个操作系统上都有多个版本。听起来可怕吗?不完全是，但它是在所有这些网站上测试网站是很无聊的!

幸运的是，有许多优秀的跨浏览器测试工具可用，所以今天我们将看看其中最好的7个。

BrowserStack

即时访问超过2000个web浏览器运行在真正的Android和iOS设备，著名的BrowserStack允许开发人员和其他涉众参与跨浏览器测试，无论是捕捉一些屏幕截图，实时调试错误，还是实际与浏览器本机交互，并查看当窗口调整大小时布局如何。没有必要在模拟器和模拟器上妥协，BrowserStack为您提供了完全的控制，因为您将在远程机器上与真正的浏览器交互。

这不是就像真正的东西，它是真正的东西。

BrowserStack也支持硒，这是一个开源工具，可以帮助您自动化各种测试，这样您就不必手动进行测试了。

虽然上面的功能在跨浏览器测试工具方面是相当标准的，但真正让BrowserStack与众不同的是，你可以从12.50美元/月开始，这是一项针对自由职业者的计划——提供更轻的功能。

像

像是一个人工智能驱动的测试和DevOps协作平台。它能够深入了解应用程序的性能，赋予开发、QA、运营和产品团队以确保为用户提供最佳体验。

使用HeadSpin，您可以提供最好的用户体验!该平台提供了对关键性能kpi的洞察，并从数十个角度了解用户体验——用户所看到的、边缘利用率、系统性能、代码执行等等。轻松地在发布前后自动化功能和性能测试，并解决堆栈所有层的表面问题和根本原因——从量化音频/视频QoE到代码和包可见性。

HeadSpin的智能技术在问题出现之前就能发现问题，客户已经看到了令人印象深刻的结果:新版本的QA时间减少了60%，开发周期缩短了68%，应用内置加载时间缩短了30%，生产问题减少了90%。

Tinder、迪士尼(Disney)、澳大利亚电信(Telstra)和Pinterest等顶级公司都在使用HeadSpin。

CrossBrowserTesting，由SmartBear编写

SmartBear的跨浏览器测试通过Selenium提供手动和自动测试，1500多个移动和桌面远程浏览器，并有类似于BrowserStack的订阅设置(减去他们的“自由职业者计划”)。通过对浏览器扩展和开发工具(如Chrome Dev tools和FireBug)的完全访问，使用滑动动作进行交互的能力，以及最后本机调试前端错误的方法，CrossBrowserTesting与BrowserStack并没有什么不同。

CrossBrowserTesting而且BrowserStack还允许用户比较版本(实时或截图)，同时运行多个测试(或截取多个截图)，甚至共享结果。

总而言之，这是一个适合BrowserStack的替代方案，但是如果支持的浏览器数量对你来说很重要的话，我会选择BrowserStack (BrowserStack支持额外的500个)。

LambdaTest

有了无限的实时浏览器测试、无限的自动化测试、无限的响应测试、无限的屏幕截图测试和24×7支持，您在使用时就不会有任何限制方面的担忧Lambdatest．最低的套餐起价仅为15美元/月，Lambdatest提供了最好的性价比。事实上，甚至还有一个功能强大的“终身免费”选项，使其成为当今市场上最容易使用的跨浏览器测试工具之一，非常适合那些第一次对跨浏览器测试感到焦虑的人。

作为额外的奖励，所有选项都包括免费的自动化分钟;前提是你不选择他们强大的自动化选项!

所有选项还包括:

• 2000+本地测试浏览器
• 使用测试日志发布跟踪
• 本地测试功能
• 自动截图测试
• 响应性和可视化比较测试
• 访问WordPress和Chrome扩展
• 集成Trello, Asana, Jira和Slack

简而言之，LambdaTest自动化平台是一个在线硒网格这使您能够在2000多个浏览器环境中运行您的测试脚本。

Browserling

尽管它是一个更便宜的跨浏览器测试工具，每月只需19美元(在价值方面仅次于Lambdatest)，但不要让它这么做Browserling网站的简单网站欺骗了你。如果您的团队不太关心自动化测试，那么Browserling是一个相当划算的选择。

还有，他们有扩展适用于Chrome, Firefox, Opera和Safari !

Experitest

Experitest提供相当标准的功能，但成本较低，起价9美元/月，甚至还有诱人的免费增值选项，如Lambdatest。话虽如此，在Lambdatest上，Experitest感觉没有那么闪亮，所以只有在你预算有限的情况下，Experitest可能是更好的选择。

Functionize

区分Functionize的跨浏览器测试工具的竞争优势在于它大量使用人工智能，而且如果你设置测试一个浏览器，不需要为其他人重新编写测试，这可以节省相当多的时间。他们都是关于自主测试的(使用他们的Adaptive Event Analytics™技术)，这样您就可以花更多的时间来分析结果。

Functionize并未指定支持多少浏览器，但是，它们提供了与其他跨浏览器测试工具(如代码调试和可视化测试)相同的功能标准。

仅供参考:他们的跨浏览器测试工具作为一个更大平台的一部分发布，而且他们的定价还没有公开。

酱实验室

尽管提供了与其他跨浏览器测试工具类似的功能，酱实验室起价89美元/月(用于真实设备上的测试)。他们已经存在了一段时间，并声称拥有“世界上最大的持续测试云”，所以如果你有预算，值得一试。

结论

尽管目前市场上的大多数跨浏览器测试工具在提供的功能方面都保持了很高的标准，允许开发团队增加测试覆盖率，并在所有设备和屏幕尺寸上提供更一致的用户体验，但其中许多工具至少有一个小特征使它们在竞争中脱颖而出。

无论是Functionize和他们的人工智能驱动的前端测试方法，专家级的有竞争力的价格，还是面向自由职业者的低成本选项BrowserStack，这些工具中的一个一定能满足您团队的需求。如果你正在寻找一个很棒的全能选择，Lambdatest看起来物有所值。