为什么要关心最好的跨浏览器测试工具?跨浏览器测试是在将更改推向生产环境之前评估web应用程序在各种浏览器上的功能的过程。

对于希望使用相同浏览器的读者属于某个特定群体的网站，可以手动测试更改。然而，随着移动设备和大量浏览器的日益流行，在批准更改之前，在各种设备-浏览器组合上测试应用程序可能是一个好主意。

在本文中，我们将介绍最好的跨浏览器测试工具。我们考虑了各个方面，如成本考虑和自动化整个过程的能力。

在开始测试之前……

如果您的站点有访问者历史记录，您可以使用这些数据来决定测试哪些浏览器。另一种方法是根据浏览器的使用份额选择浏览器。一旦您选定了测试应用程序的浏览器，您就需要精心设计测试，以便测试您的网站是否可以在所有浏览器中正常运行。

本文介绍了跨浏览器测试工具，一旦您选择了浏览器并设计了测试，这些工具将帮助您执行测试。跨浏览器测试的结果是跨设备和浏览器的性能一致。

2019年最佳跨浏览器测试工具

Chrome Developer Tools

跨浏览器测试的基本形式可以通过Chrome开发工具来实现。这是一组与内置在谷歌Chrome用户界面中的web开发人员相关的工具。使用这些工具，您可以在显示的web页面中操纵HTML DOM、CSS属性和调试JavaScript代码来查看更改——除了调整窗口大小以检查页面呈现如何随着分辨率的变化而变化之外。

谷歌Chrome的跨浏览器测试工具

Chrome开发工具有潜力模拟一系列移动屏幕大小和方向，以测试你的网站布局如何适应不断变化的输出参数。这可以帮助您快速查找和修复错误，并实时查看更改。

Chrome开发工具只允许在一种浏览器上进行测试，与基于Chrome的浏览器Brave非常相似。但是，它们可以作为一组很好的工具来测试处于初始阶段的应用程序。任何通过Chrome开发工具进行的测试都只能是手工的，不支持CI/CD工具，因为没有自动化的范围。

Responsive Test by DesignModo

DesignModo的响应测试是一个基于web的跨浏览器测试工具。它是一个在浏览器中运行的模拟器。输入一个网站，等待它加载在一个想要的视窗。一旦加载完毕，您可以更改要为网站模拟的设备，并检查网站是否正确呈现。

由DesignModo进行响应性测试

虽然DesignModo工具显示了不同的屏幕大小，但它仍然在您的机器上本地呈现。如果测试通过了这个工具，在实际设备上访问它仍然会有问题。就像Chrome开发工具一样，任何通过DesignModo工具进行的测试都只能是手工的，不支持自动化。

Selenium

这是一个免费的开源工具。Selenium是一种使用本地浏览器在本地运行web应用程序的软件。您可以通过一系列编程语言运行Selenium测试。流行浏览器驱动程序的下载链接可以在这里找到:Chrome、Edge、Firefox和Safari。

Selenium自动本地测试

当您运行Selenium测试时，驱动程序将打开一个测试窗口，其中执行一组预定义的步骤。您可以在Selenium中导航DOM元素、提交表单和等待事件。但是，当在本地运行时，测试将在测试过程中作为一个测试浏览器窗口依次运行。

流行的CI/CD工具，如Jenkins和Travis CI都支持Selenium测试。您还可以在单元测试模块中包含Selenium测试。Selenium也是云中的一个流行选择，它为BrowserStack和LambdaTest等跨浏览器测试工具形成了云解决方案的基础。

BrowserStack

BrowserStack是一个工具，可以让您立即访问超过2000个真正的桌面和移动设备。使用BrowserStack，您可以通过云的强大功能在实际设备上的浏览器上测试应用程序。其服务可以分为两种跨浏览器测试工具场景:

• live，你可以在你选择的浏览器-设备组合上实时测试一个网站
• 自动化，它使您能够通过Selenium自动化跨浏览器测试

BrowserStack测试结果

实时测试选项帮助您实时调试您的网站。因此，它使您能够与运行在真实设备上的浏览器进行交互。Live非常适合在项目的初始阶段或引入新特性时进行手工测试。

当您定义了想要包含在您的套件中的标准测试时，自动化是有用的。自动化通过云计算的Selenium远程版本工作。它支持主要的CI/CD工具，如Jenkins和Travis CI。

在注册BrowserStack之后，您将获得100分钟的免费测试，之后您必须选择付费计划。每月29美元起。最近，BrowserStack推出了一种基于你使用的分钟数的支付计划。

LambdaTest

LambdaTest是云中的另一个跨浏览器测试工具，它允许您实时执行测试，或者通过云中的Selenium自动执行测试。对于实际测试，您可以选择device + browser组合。然后，该工具将启动一个会话，您可以在其中与浏览器实时交互。您可以测试超过2,000个实际设备。

LambdaTest的结果

LambdaTest支持各种CI/CD工具，使您能够将跨浏览器测试与现有的测试框架集成在一起。Selenium网格还允许您运行并发测试。

LambdaTest为一个并行测试提供了一个终身免费的选项，因此在刚开始时它是一个不错的选择。每月15美元起，物有所值。LambdaTest有一个WordPress插件，你可以从WordPress内部自动生成截图，这使得它成为WordPress的一个很好的开发工具。

SmartBear

SmartBear提供了一个跨浏览器测试工具，允许您在实际设备上运行的浏览器上测试站点，也可以通过Selenium remote自动测试站点。这个跨浏览器测试工具有超过1500个设备可供您运行测试。

该工具的功能可以与LambdaTest和BrowserStack的功能相媲美。但是，两种备选方案的设备数量都比较多，这在选择一种备选方案时可能很重要。

SmartBear没有免费的层，只有通过特殊邀请才能免费试用。付费计划从每月29美元起。

最佳跨浏览器测试工具的评选结果

在本文中，我们介绍了6种最好的跨浏览器测试工具。这些工具是根据不同程度的技能、功能和预算选择的。总结研究结果:

• 如果你正在做一个新项目，试试Chrome开发工具或者DesignModo的响应测试。
• 如果您想自动化您的测试，一个免费的本地跨浏览器测试工具是Selenium。
• 如果你是在一个预算,但想体验跨浏览器测试工具在实际设备,我们尝试LambdaTest赢家!
• 如果你有资金进行跨浏览器测试，可以试试BrowserStack或SmartBear。

基于此，是时候对2019年市场上最好的跨浏览器测试工具进行比较了。我们希望这有助于您自动化跨浏览器测试工作。

你最喜欢哪种工具?请在下面的评论中告诉我们。