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

实时交互式浏览器，响应式，可视化布局，Bug日志记录等等…

如果您希望您的Web应用程序能够被全球用户在多个设备上使用，并且您还没有进行过适当的测试，那么现在就是时候了。

大多数产品所有者通常会在一些自己喜欢的浏览器上，使用快速的互联网速度进行Web应用程序的测试，一旦看起来可以，就结束了。

如果您的目标是全球用户，并且正在开发现代应用程序，这是不可取的。

但您可能会问，那我如何在全球范围内的数百个浏览器和设备上进行测试呢？

在不安装所有浏览器和购买所有设备的情况下，从云端进行测试是可能的！

让我们探索以下工具，这些工具可以在客户投诉之前进行测试。

LambdaTest

LambdaTest是一种新的基于云的测试软件，让您可以测试以下内容。

实时交互式浏览器测试 – 在云中启动一个虚拟机（虚拟机），使用所需的浏览器和设备进行测试。

您可以进行超过1400种浏览器组合的测试。

• 桌面 – Chrome，Firefox，Safari，Internet Explorer，Opera
• 移动 – 三星，摩托罗拉，HTC，Google，iPhone，iPad，亚马逊Kindle

不仅可以选择浏览器，还可以选择在相应的操作系统上启动。

让我们来看一个实时问题场景…

用户之一投诉在单击某个功能时它无法工作。 用户正在使用Yandex在Mac 10.13版本上尝试。

您将如何解决问题？

好吧，选择Yandex并选择操作系统版本。 就这样，正如您所看到的，我尝试启动Geekflare。

好处是您可以完全重现问题，因为您有一个完全功能的浏览器，您可以与本地PC上的应用程序进行交互。

不要止步于此；您还可以做更多的事情。

• 您可以将LambdaTest帐户集成到slack，asana，Jira和Trello中，以便发送有关错误日志记录的测试详细信息。
• 录制视频，以便将其发送给客户或开发人员
• 更改分辨率，就像在本地计算机上一样
• 拍照

这很酷，对吧？

一键截图 – 在单击一次时，对给定网页的多个浏览器/设备进行截图。

当您只想查看产品在各种设备上的外观时，这很有用。

响应式测试 – 检查页面在Google Pixel，三星Galaxy，iPhone Plus，One Plus等设备上的显示效果，并具有不同的分辨率。

页面加载完成后，单击不同的移动设备以切换结果。 您还可以在横向和纵向模式之间切换外观，并直接从中进行截图。

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

LambdaTest在测试网站的问题方面看起来很有前景。 它是基于云的，因此您可以根据需要进行扩展，并且可以免费开始使用。

HeadSpin

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

使用HeadSpin，您可以执行以下操作：

手动测试 – 在由HeadSpin提供的大型真实设备基础设施上，在云上手动测试您的网站/移动应用程序，100％准确。

选择设备，浏览器和组合，在云上启动设备并开始测试。 您可以从数千个设备和操作系统组合中进行选择。

用户甚至可以通过选择自己喜欢的国家并检查付款、货币和语言本地化来进行本地化测试，从而极大地促进电子商务平台使其网站移动应用无缝。

• 桌面 – Chrome，Firefox，Safari，Internet Explorer，Opera
• 移动 – iPhone，Samsung，Google，Motorola，HTC，iPad等

现实世界中的错误和复现它们非常简单。

• 用户可以在所选择的设备上测试其网站或移动应用。
• 发现异常时标记错误。
• 通过HeadSpin提供的60多个集成之一共享错误。
• 复现错误并开始调试。

自动化测试 – HeadSpin支持网站和移动应用程序的测试自动化。用户将能够在成千上万的真实设备上运行基于selenium或appium的脚本，以实现100%的准确性。

Sauce Labs

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

它提供跨浏览器测试，通过使测试可靠、简单和快速，让您对软件开发过程中的测试充满信心。它帮助您消除维护麻烦，使您可以专注于测试应用程序。

您可以在不同的操作系统和浏览器组合中并行执行测试，以提高10倍的速度。记录测试的视频或截图，以识别错误并更快地修复它们。每个测试的元数据和selenium日志文件使得更容易与开发团队共享结果。

Sauce Labs在发布后的48小时内提供最新版本，以确保应用程序在最新的平台上运行。扩展调试提供了网络调用和浏览器控制台日志，以获得对浏览器性能和网络请求的完整洞察。它还将有助于快速进行根本原因分析。

此外，Sauce Connect代理帮助在Sauce Labs的云中测试应用程序和数据，无需设置硬件VPN而面临问题。确保Web应用程序与桌面一起在移动模拟器和仿真器上工作。

此外，将其与不同的解决方案集成，如MSFT VSTS，Bamboo，Jenkins，Circle CI，TeamCity和Travis CI，以设置、管理和查看结果。Sauce Labs拥有自己的数据中心，以增强安全性并减少测试故障。获得许多其他功能，如Sauce性能测试、强大的测试分析、Sauce无头测试、IPSEC VPN、无限用户、单一登录、培训和团队管理。

从39美元/月的起始价格开始使用完整的测试解决方案，或者寻求其团队的帮助，选择最佳方案。

Browserling

获得一个带有Browserling的浏览器，并在五秒钟内开始在线跨浏览器测试。通过截图，您可以与浏览器进行交互，感觉浏览器已安装在您的计算机上。

Browserling在VM中的服务器上运行真实的桌面浏览器，以避免使用模拟器和虚假浏览器。一旦最新的浏览器出现在列表中，Browserling很快将其安装，以便您可以立即访问最新的浏览器。

获取捕获、保存和共享每个浏览器中网页的截图的选项。此外，您可以详细描述并发送错误报告。根据测试需求，您可以更改屏幕分辨率和调整浏览器大小。

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

此外，由于所有浏览器都在Browserling基础设施中运行，因此您可以放心浏览而不用担心受到木马或病毒感染。它由JavaScript和HTML5提供动力，运行良好。

Browserling的扩展程序使您可以通过单击轻松进行跨浏览器测试。您可以将您喜欢的浏览器添加到书签中，以便在需要时随时单击使用。根据需要通过简洁的API自动化嵌入式浏览器。

在购买之前，您可以在一些限制下尝试Browserling，或者根据您选择的计划支付每月19美元以获得更灵活的选择。

BrowserStack Live

数百万开发人员和质量保证测试人员使用BrowserStack Live来访问2000多种设备和浏览器，并提供更好的用户体验。在iOS和Android设备上运行跨浏览器测试以获得准确的结果。

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

Live可以在真实的浏览器和真实的计算机上进行测试，支持键盘快捷键、开发人员工具、媒体流传输等等。使用预安装的开发人员工具来调试桌面和移动浏览器上的跨浏览器测试。

所有测试都在安全的防篡改桌面虚拟机和物理设备上运行，并在每个会话结束后清除数据。在任何地方都可以立即访问测试，无需设置可用设备，并在各种视口、设备尺寸和分辨率上检查网站。

您只需要一个互联网连接即可在任何地方进行测试。使用800 x 600到2048 x 1536的各种屏幕分辨率。您将在测试会话期间始终找到一个快速列表。您可以在不中断会话的情况下切换分辨率或调整浏览器大小并允许会话更新。

使用IP geolocation和GPS在不同位置测试您的网站的行为。此外，您还可以使用私人和安全的IP模拟位置，或将任何真实设备设置为GPS位置。

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

Applitools Eyes

Applitools Eyes是一款由Visual AI驱动的智能自动化测试平台。它模拟人类大脑和眼睛，借助AI驱动的计算机视觉来发现视觉和功能回归。

与传统的功能测试相比，使用它进行的测试更加稳定（增加了3.8倍）、速度更快（增加了5.8倍），并且能够捕获45%更多的错误。简而言之，您将享受到下一代跨浏览器测试的稳定性和超快速度。

Applitools Eyes可以轻松集成到测试中，因此您无需创建新的测试或学习新的框架。它只需要一小段代码片段，即可捕获和分析应用程序的整个屏幕。

它还支持几乎所有主要的自动化测试语言和框架，例如Cypress、Protractor、Selenium IDE、Testcafe、Selenium和WebdriverIO。此外，该工具将通过利用复杂算法即时解决类似的差异。

它还会在生成简洁报告后仅显示不同之处。您可以选择拒绝或批准更改，以便在整个测试套件中应用于类似的更改。根本原因分析提供了对DOM中所有缺陷的无杂乱快速查看。

它显示了重要的差异，有助于调试。获得多变量和A/B测试的选项。您可以在具有AI支持的简化仪表板中查看测试管理和分析。Applitools Eyes可以与Slack、Jira、电子邮件等集成。此外，您还可以将其与GitLab、GitHub和Bitbucket等源代码控制系统集成。

Ghost Inspector

Ghost Inspector让您轻松开始浏览器测试并使用无代码编辑器维护每个测试。您可以根据应用程序和网站的更改来调整测试步骤。通过删除旧步骤添加新步骤，并使用拖放选项快速重新排序步骤。

像用户一样执行相同的操作，例如单击、拖放、分配等。它使用JavaScript步骤，让您通过自定义代码逻辑处理复杂情况。通过XPath和CSS备用选择器，获得自愈选项。

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

安排特定的日期、时间或间隔进行持续警报和监视。每次测试运行后都会拍摄屏幕截图，以与先前的基准进行比较以了解更改情况。Ghost Inspector允许您并行运行测试。它具有许多官方插件和API，以提供更大的灵活性。

您的帐户中具有许多功能的价格为每月89美元。

跨浏览器测试

正如您可以从名称推测出来的那样，您可以自动或手动执行cross-browser testing跨浏览器测试。

不仅仅是面向Internet的站点，而且借助安全隧道的帮助，您可以测试暂存或本地站点。提供超过1500种浏览器可供选择。

自动化测试 – 利用云中的Selenium和Appium自动化测试。跨浏览器测试处理基础设施，因此您只需专注于测试场景。

如果您对Selenium还不熟悉，我建议使用此building a framework course。

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

集成 – 大量集成可能性用于构建、部署、协作和缺陷跟踪。

CBT已准备就绪，您可以通过免费试用开始使用。

作为LambadaTest和CrossBrowserTesting的替代品，您可以尝试以下跨浏览器测试工具。

TestingBot

TestingBot已经存在超过九年，每月执行超过600万次自动化和实时测试。

它提供了大量功能，可帮助改进您的产品，例如：

• 记录和回放不同浏览器上的操作
• Test performance of app和网站
• 在物理IOS和Android设备上进行自动化测试
• 多种集成

它支持自动化和实时测试，使您能够交互式地测试和调试您的网站或移动应用程序。此外，它可以在超过3,200种浏览器和许多不同设备上进行测试，以确保结果准确。

Testsigma

一款只使用简单英语编写自动化测试的工具，Testsigma在功能和可靠性方面结合了便利和强大。

它利用超过2,000种真实的Android、iOS和桌面浏览器进行跨浏览器测试，有趣的是，它使用一个平台同时进行功能和可视化测试。这对他们来说非常好用，帮助他们赢得了全球一些顶级公司的客户。

Testsigma的一个特殊功能是能够在不同环境中并行运行测试，以减少您花费的时间。这也意味着您将更早地获得测试结果。

为了使事情变得更好，它提供了全面的报告和调试工具，以帮助快速分析结果。

Kobiton

Kobiton Visual Testing是一个确保您的应用程序在所有设备上的外观和工作正常的工具。

他们的视觉测试针对移动设备进行了优化。只需点击一次即可开始无脚本测试，该测试会捕捉您的应用程序与网站在不同设备上的移动观众输出之间的视觉差异。

它还将您的移动应用程序的用户体验与50个最佳应用程序进行比较，以帮助改进并消除任何对其增长没有帮助的因素。简单来说，它建议了一个最佳实践列表。

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

IE TAB

拥有400多万全球用户的IE TAB是一款强大且安全的工具，可与Chrome一起用于测试应用程序和网页。

它允许您在测试不同版本的Internet Explorer时使用Java、Silverlight、ActiveX和Sharepoint等框架。您可以以一种使您能够在Chrome中运行Internet Explorer的方式使用这个扩展。

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

结论

Finding bugs始终是具有挑战性的，因为您可能有用户使用各种类型的设备进行连接。感谢以上工具，使远程测试变得容易。