七种优秀的浏览器兼容性测试工具

更新日期: 2019-09-22阅读: 3.5k标签: 测试

在许多谈及网站或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的特征

  • 带有自动截屏功能,可让您横跨多个平台生成屏幕截图。
  • 通过运行多个脚本,来开展并行测试,以减少整体构建的时间。
  • 可通过Screenshot API来一次性安排多个URL的屏幕截图。
  • 提供无代码式记录(codeless record)和重放功能。

CrossBrowser Testing的定价计划( https://crossbrowsertesting.com/pricing )为:起售价每月29美元,其中包括多种手动测试,150分钟的自动测试、以及2个并发测试量。当然,自由职业者也可以选择每月15美元起的独立套餐。


总结

跨浏览器兼容性测试是Web应用或网站开发中最为关键的一个环节。它可以确保用户通过不同的浏览器和操作系统,流畅地访问到您的网站。此外,它还可以确保您的网站能够按预期运行。希望上述介绍的七种自动化跨浏览器兼容性测试工具,能够给您繁重的测试提供帮助。

原文标题:Top Seven Browser Compatibility Testing Tools For Developers in 2019
作者: Himanshu Seth,51CTO译稿


链接: https://www.fly63.com/article/detial/6084

测试工具比较:选Jest,不选Mocha

Jest的未来看起来非常令人激动!看到Jest推陈出新如此快速,我感觉它将很快成为整个React生态系统中大部分项目的首选工具。我建议,应该把测试迁移到Jest上去。

你需要了解的前端测试“金字塔”

如果您正在测试前端应用程序,则应该了解前端测试金字塔。在本文中,我们将看到前端测试金字塔是什么,以及如何使用它来创建全面的测试套件。

web网页性能测试工具都有哪些

作为前端开发,我们不仅需要满足产品需求功能的实现,同时也需要对自己做的网站进行安全、易用性、性能等方面的考虑。随着目前技术不断进步,web页面的性能测试工具也在不断完善,通过这些工具,我们可以客观的评价web网站的质量水平。

js单元测试工具-jest自动化测试

jest 是 facebook 开源的,用来进行单元测试的框架,可以测试 javascipt 和 react。jest 提供了非常方便的 API,可以对下面的场景方便的测试:一般函数、异步函数、测试的生命周期、react 测试

web测试要点、方法_web端测试大全总结

web测试大全,测试web网站有哪些点呢?主要包括:功能测试、兼容性测试、安全测试、输入框测试、用户权限测试等

前端性能测试工具整理简介_性能测试工具都有哪些?

前端性能测试工具都有哪些:Favicon、Open Graph、图片优化-压缩图像、CSS 优化-Autoprefixer、Purifycss、minify CSS、减少载入时间、GZIP、CDN、优化平台-Sentry、Google Tag Manager

不用写代码,也能做好接口测试

本文你将了解到:1、接口测试基本概念,包含什么是接口,什么是接口测试,为什么要做接口测试;2、接口测试用例设计,3、怎样不用写代码,也能快速的根据开发的API文档完成接口自动化测试脚本

Selenium打开浏览器加载慢的原因

在自动化元素定位操作中经常使用智能等待来加强定位的强壮性,主要就是因为WebDriver没有提供页面加载场景的方法;在使用JavaScript知识的突然心生灵感,可以使用JavaScript来配合验证页面加载,结果发现我真是井底之蛙。

power assert_更智能、优雅的全方位 assert 断言库

在写测试代码时,以往我们需要翻阅文档,学习各种 API 才能明白如何操作断言。而现在我们可以透过 power-assert 的 assert 方法来减轻调试压力。不仅如此,它还提供更加直观,具体的运行效果,帮助 DEBUG。写测试代码,其实可以很容易。

常用的web网站负载/压力/性能测试工具

在网站上线发布之前,我们除了必要的安全、功能测试外,往往还需要进行压力测试。通过模拟实际应用的软硬件环境及用户使用过程的系统负荷,长时间或超大负荷地运行测试软件。包括:Apache JMeter 、LoadRunner、NeoLoad等

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!