12 个强大的跨浏览器和视觉布局测试工具

实时交互式浏览器、响应式、可视化布局、错误记录等等…

如果您希望世界各地的用户在多个设备上使用您的 Web 应用程序，并且您尚未进行适当的测试，那么现在正是时候。

大多数产品所有者经常使用快速的互联网速度在几种最喜欢的浏览器中测试他们的 Web 应用程序，并毫无问题地启动它们。

如果您正在开发面向世界各地用户的现代应用程序，那么这很好。

但您可能想知道如何在世界各地的数百种浏览器和设备上进行测试。

这是可能的，无需安装每个浏览器或购买每个设备。也可以从云端进行测试！

考虑以下工具：这些工具可以让测试在客户投诉之前实时发现问题。

拉姆达测试

LambdaTest 是一款新的基于云的测试软件，可让您测试：

实时交互式浏览器测试– 使用您所需的浏览器和设备在云中启动 VM（虚拟机）来运行测试。

您可以测试1,400 多种浏览器组合。

• 桌面版 – Chrome、Firefox、Safari、Internet Explorer、Opera
• 移动设备 – 三星、摩托罗拉、HTC、谷歌、iPhone、iPad、亚马逊 Kindle

除了浏览器之外，您还可以选择启动相应的操作系统。

考虑一个实时问题场景……

一位用户抱怨说，某些功能在点击时不起作用。用户正在 Mac 10.13 版本的 Yandex 上进行尝试。

我该如何排除故障？

现在，选择 Yandex 并选择操作系统版本。我尝试启动它，如您在上面看到的那样。

这样做的好处是，您拥有一个功能齐全的浏览器，可以与本地 PC 上的应用程序交互，因此您可以完全重现问题。

不要停在那里。我们还能做更多的事情。

• 您可以将您的 LambdaTest 帐户与 need、asana、Jira 和 Trello 集成，以提交错误日志的测试详细信息。
• 录制视频，以便您可以将其发送给客户或开发人员
• 像在本地计算机上一样更改分辨率
• 截图

那有多酷？

一键屏幕截图– 一键获取特定网页的多个浏览器/设备屏幕截图。

如果您想查看产品的预发布着陆页在不同设备上的外观，这很有用。

响应式测试– 查看您的页面在 Google Pixel、Samsung Galaxy、iPhone Plus、One Plus 等设备上的不同分辨率下的显示效果。

页面加载后，单击不同的移动设备即可循环浏览结果。您还可以在横向和纵向模式之间切换外观，并直接从那里截取屏幕截图。

智能比较– 比较两个图像以快速识别与填充大小、图标、颜色、布局、文本和元素位置相关的问题。

LambdaTest 看起来很有希望测试您网站上的问题。它基于云，因此您可以根据需要对其进行扩展，并且可以免费启动。

头旋转

HeadSpin 是帮助您测试网站和移动应用程序的最佳云平台之一。

通过 HeadSpin，您可以：

手动测试– 得益于 HeadSpin 提供的庞大的真实设备基础设施，您可以在云上以 100% 的准确率手动测试您的网站/移动应用程序。

选择您的设备、浏览器和组合，在云上启动您的设备，然后开始测试。从数千种设备和操作系统组合中进行选择。

用户还可以通过选择自己选择的国家/地区并检查支付、货币和语言本地化来进行本地化测试，这使得电子商务平台与移动应用程序网站的无缝连接将得到显着增强。

• 桌面版 – Chrome、Firefox、Safari、Internet Explorer、Opera
• 移动设备 – iPhone、三星、谷歌、摩托罗拉、HTC、iPad 等。

现实世界中的错误及其重现非常容易。

• 用户可以在自己选择的设备上测试他们的网站或移动应用程序。
• 如果您发现奇怪的情况，请标记错误。
• 使用 HeadSpin 的 60 多个集成来分享您的错误。
• 重现错误并开始调试。

自动化测试– HeadSpin 支持网站和移动应用程序的测试自动化。用户现在可以在数千台真实设备上以 100% 的准确度运行基于 Selenium 或 Appium 的脚本。

来源实验室

使用Sauce Labs在不同的移动和桌面浏览器或云中的操作系统组合上测试您的网站和应用程序。

通过在整个软件开发过程中进行可靠、简单、快速的测试，提供跨浏览器测试并提高数字信任。这可以节省您的维护工作，并让您能够专注于测试您的应用程序。

在不同操作系统和浏览器组合上并行运行测试，以获得高达 10 倍的速度提升。录制视频或拍摄测试屏幕截图将帮助您识别并快速修复错误。所有测试的元数据和 Selenium 日志文件使您可以轻松地与开发团队共享结果。

Sauce Labs 在发布后 48 小时内提供最新版本，以确保您的应用程序在最新平台上运行。增强的调试功能提供网络调用和浏览器控制台日志，使您能够全面了解浏览器性能和网络请求。它还有助于快速根本原因分析。

此外，Sauce Connect 代理可帮助您在 Sauce Labs 云上的防火墙后面测试应用程序和数据，而无需设置硬件 VPN 的麻烦。确保您的网络应用程序不仅可以在桌面上运行，还可以在移动模拟器和仿真器上运行。

此外，您还可以与各种解决方案（例如 MSFT VSTS、Bamboo、Jenkins、Circle CI、TeamCity、Travis CI）集成来配置、管理和查看结果。 Sauce Labs 拥有自己的数据中心，以增强安全性并减少测试碎片。访问许多附加功能，例如 Sauce 性能测试、强大的测试分析、Sauce 无头测试、IPSEC VPN、无限用户、单点登录、培训、团队管理等。

开始使用完整的测试解决方案，起价为每月 39 美元，或者在我们团队的帮助下选择适合您的计划。

浏览器环

获取带有Browserling的浏览器并在 5 秒内开始在线跨浏览器测试。屏幕截图可让您与浏览器进行交互，并使其感觉就像安装在您的电脑上一样。

浏览器在虚拟机内的服务器上运行真正的桌面浏览器，避免使用模拟器或假浏览器。将现代浏览器添加到列表后，Browserling 将立即安装它并让您立即访问最新的浏览器。

所有浏览器都提供捕获、保存和共享网页屏幕截图的选项。您还可以了解有关它们的更多信息并提交错误报告。您可以根据测试需要更改屏幕分辨率或调整浏览器大小。

使用 SSH 隧道将本地服务器或主机反向代理到 Browserling。 Browserling 和用户之间的所有连接均经过 SSL 加密以维护安全。您还可以匿名测试您的浏览器以获得更多隐私。

所有浏览器也都在浏览器环基础设施上运行，因此您可以安全地浏览，而不必担心木马或病毒。它由 JavaScript 和 HTML5 提供支持，并且运行良好。

Browserling 的扩展允许您只需一键点击即可在您的网站上执行跨浏览器测试。为您最喜爱的浏览器添加书签，并在需要时只需单击一下即可使用。使用应用程序强大的 API 按需自动化内置浏览器。

您可以在购买前尝试 Browserling，但有一些限制，或者选择更灵活的计划，每月只需 19 美元。

浏览器堆栈实时

数以百万计的开发人员和 QA 测试人员使用BrowserStack Live访问 2,000 多种设备和浏览器，以提供更好的用户体验。为了获得准确的结果，请在 iOS 和 Android 设备上运行跨浏览器测试。

您还可以使用测试工具来识别 macOS 和 Windows 系统上的 Edge、IE、Firefox、Chrome 和 Safari 的新旧版本。此外，测试网站托管在临时环境、内部开发环境或防火墙后面，无需任何配置或设置。

Live 可帮助您通过键盘快捷键、开发人员工具、媒体流等在真机上的真实浏览器中进行测试。使用预安装的开发人员工具在桌面和移动浏览器上调试跨浏览器测试。

所有测试都在安全、防篡改的桌面虚拟机和物理设备上运行，并且每次会话后都会擦除数据。立即访问测试并使用可用设备跨视口、设备尺寸和分辨率检查您的网站，无需进行设置。

您所需要的只是一个可以从任何地方进行测试的互联网连接。使用从 800 x 600 到 2048 x 1536 的不同屏幕分辨率。在测试期间随时显示快速列表。您可以不间断地切换分辨率、调整浏览器大小以及刷新会话。

使用 IP 地理定位和 GPS 测试您的网站在不同位置的运行情况。此外，您可以使用私有且安全的 IP 模拟您的位置，或将您的真实设备设置为 GPS 位置。

注册免费试用或选择任何计划，每位用户每月 25 美元起。

应用程序工具眼睛

Applitools Eyes是一个由 Visual AI 提供支持的智能自动化测试平台。它复制人脑和眼睛，并使用人工智能驱动的计算机视觉来识别视觉和功能回归。

与传统功能测试相比，包含此功能的测试稳定性提高了 3.8 倍，运行速度提高了 5.8 倍，捕获的错误数量增加了 45%。简而言之，借助 Ultrafast Test Cloud，您可以受益于下一代跨浏览器测试的稳定性和闪电般的速度。

Applitools Eyes 可以轻松地与您的测试集成，因此您无需编写新的测试或学习新的框架。使用单个代码片段捕获并分析应用程序的整个屏幕。

它还支持几乎所有主要的自动化测试语言和框架，包括Cypress、Protractor、Selenium IDE、Testcafe、Selenium和WebdriverIO。此外，该工具利用先进的算法来立即解决类似的差异。

此外，在生成简明报告后，只有明显的差异才会可见。您可以选择拒绝或接受更改，以便它适用于整个测试套件中的类似更改。根本原因分析提供了 DOM 中所有缺陷的有组织且快速的视图。

显示了重要的和调试的差异。提供多变量测试和 A/B 测试选项。通过人工智能驱动的智能辅助，在简化的仪表板中查看测试管理和分析。 Applitools Eyes 与 Slack、Jira、电子邮件等集成。而且。您还可以与 GitLab、GitHub 和 Bitbucket 等源代码控制系统集成。

幽灵督察

Ghost Inspector可以轻松开始测试浏览器并在无代码编辑器中维护所有测试。当您的应用程序或网站发生变化时，您可以调整您的测试程序。删除旧步骤、添加新步骤，并使用拖放选项快速重新排序步骤。

执行与用户相同的操作，例如单击、拖放和分配。您可以使用 JavaScript 步骤通过自定义代码逻辑处理复杂的情况。使用 XPath 和 CSS 备份选择器将自我修复选项放在口袋里。

通过断言文本、URL 等来验证测试是否按预期进行。将重复步骤序列保存为可导入模块。接下来，在不同版本的 Firefox 和 Chrome 上运行测试。您可以通过在不同的屏幕尺寸（例如平板电脑和移动设备）上进行测试来测试您的响应式设计。 Ghost Inspector 在全球拥有超过 16 个数据中心，因此我们的测试使用最近区域的本地 IP 地址。

安排特定的日期、时间或间隔以进行连续警报和监控。每次运行测试时，都会截取屏幕截图并与之前的基线进行比较，以查看是否有任何更改。 Ghost Inspector 允许您并行运行测试。它附带了许多官方插件和 API，以增加灵活性。

您的帐户每月费用为 89 美元，具有许多功能。

跨浏览器测试

正如您可能从名称中猜到的那样，您可以自动或手动在浏览器之间运行跨浏览器测试。

除了面向 Internet 的站点之外，您还可以使用安全隧道测试临时站点和本地站点。超过 1500 个浏览器可用。

自动化测试——利用云中的Selenium和Appium来自动化测试。跨浏览器测试负责基础架构，因此您可以只专注于您的测试场景。

如果您是 Selenium 新手，我们推荐“构建框架”课程。

视觉测试– 使用 API 自动进行屏幕截图并执行视觉回归测试。您还可以对防火墙或登录屏幕后面的应用程序进行屏幕截图。

集成– 用于构建、部署、协作和跟踪错误的多种集成可能性。

CBT 适合企业使用，您可以从免费试用开始。

作为 LambadaTest 和 CrossBrowserTesting 的替代方法，您可以尝试以下方法进行跨浏览器测试：

测试机器人

TestBot已经存在 9 年多了，每月进行超过 600 万次自动化和实时测试。

它包含大量功能，可帮助您改进产品。例如：

• 在不同浏览器中记录和重放操作
• 测试应用程序和网站性能
• 在物理 IOS 和 Android 设备上进行自动化测试
• 各种集成

它支持自动化和实时测试，以交互方式测试和调试网站和移动应用程序。此外，我们还在 3,200 多个浏览器和各种设备上进行了测试，以确保我们的结果准确。

检验西格玛

Testsigma是一个工具，允许您仅使用简单的英语创建自动化测试，并且既方便又强大。

我们利用 2,000 多个真实的 Android、iOS 和桌面浏览器来执行跨浏览器测试，但有趣的是，我们使用一个平台进行功能和视觉测试。这对他们来说非常有效，并帮助他们收购了来自世界各地的顶级公司作为客户。

Testsigma 的一个重要功能是它允许您跨不同环境运行并行测试，从而减少您花费的时间。这也意味着您将更快地获得测试结果。

为了进一步改善这种情况，提供了全面的报告和调试工具来帮助您快速分析结果。

科比顿

Kobiton 视觉测试是一款工具，可确保您的应用程序在所有设备上的外观和行为均符合预期。

视觉测试针对移动设备进行了优化。您所需要的只是一键启动无脚本测试，并为不同设备上的移动查看者捕获应用程序和网站输出之间的视觉差异。

我们还将您的移动应用程序的用户体验与 50 个最佳应用程序进行比较，以改进并消除任何不利于您的应用程序发展的内容。简而言之，我们推荐最佳实践以获得良好的用户体验。

您可以完全免费开始使用 Kobiton 视觉测试。

IE选项卡

IE TAB在全球拥有超过 400 万用户，是一款功能强大且安全的工具，可用于测试 Chrome 中的应用程序和网页。

这允许您在测试不同的 Internet Explorer 版本时使用 Java、Silverlight、ActiveX、Sharepoint 和其他框架。此扩展允许您在 Chrome 中运行 Internet Explorer。

立即下载并开始无缝测试。

结论

错误总是很难发现，因为您可能有从不同类型的设备进行连接的用户。有了上面提到的工具，远程测试变得很容易。