浏览器测试的三大挑战及解决方案【译】
随着技术和数字化的快速发展，企业努力确保其应用程序在所有浏览器和平台上流畅运行。在今天的情况下，企业依靠互联网存在来提高他们的投资回报率并扩大他们的在线影响力。这就是为什么大多数 Web 应用程序都设计为与多个浏览器兼容的原因。这对于任何响应式 Web 应用程序都非常重要，因为必须确保应用程序在任何给定时间与每个浏览器和浏览器版本兼容。尽管如此，跨浏览器测试还是被忽视了，因为开发人员在将跨浏览器测试纳入 QA 工作流程时面临许多挑战。
随着时间的推移，客户的注意力持续时间越来越短，如果网站加载看起来有问题，他们会毫不犹豫地按下浏览器上的后退按钮。那么，有什么解决办法让 Web 应用程序和网站在每个浏览器、设备和平台上都能完美运行吗？这听起来像是一个简单而直接的目标，对吧？如果企业不希望因用户体验不佳而失去客户，则必须考虑跨浏览器兼容性和跨浏览器测试。尽管目标听起来很简单，但需要 QA 团队必须解决许多障碍，以提高站点和 Web 应用程序的响应能力。
关于这一点，我们将通过他们的解决方案来看看一些跨浏览器测试挑战和浏览器兼容性问题。但在此之前，让我们了解什么是跨浏览器测试以及为什么需要它。
跨浏览器测试，为什么重要
简单来说，跨浏览器测试是确保 Web 应用程序的功能在不同浏览器、浏览器版本和操作系统之间保持一致的过程，从而为其用户提供轻松的用户体验。跨浏览器测试涉及浏览器和操作系统的组合，以测试应用程序的响应能力和兼容性。尽管跨浏览器测试的概念很简单，但何时开始跨浏览器测试可能会很棘手。
使用左移方法，可以在将应用程序移至生产环境之前开始在本地暂存环境中测试您的应用程序。这就必需我们进行跨浏览器测试，即使在生产中部署后，还可以跟踪和修复 BUG。
让我们看看为什么跨浏览器测试是必不可少以及它如何帮助获得更好的用户体验：
轻松比较多个浏览器的 UI 设计和功能。
各种浏览器和平台上提供一致的行为和更好的用户体验。
不同平台上兼容，例如移动设备、桌面设备、平板电脑等。
跨浏览器测试挑战及其解决方案
我们可能认为浏览器世界就是 Chrome、Internet Explorer、Firefox、Safari 或 Opera。但实际上，世界各地的人们使用许多不同的浏览器来进行网络活动。更不用说，站点或应用程序必须与不同的浏览器版本兼容。这使得跨浏览器测试有点令人生畏。以下是 QA 团队遇到的主要跨浏览器测试挑战。
自动化挑战大
自动化浏览器测试是可以帮助团队大幅加快 Web 应用程序发布周期。但是这个过程不仅仅是点击几下就完成了。这是一个复杂问题的简单解决方案。虽然使用 Selenium 之类的工具运行自动化功能测试听起来很简单，但它需要一些努力和时间来拥有正确的工具并为自动化跨浏览器测试做好准备，其中包括编写测试脚本、定义功能等活动，以便更好地结果。
再举一个例子，布局测试自动化和 UI 测试看起来很容易；然而它相当复杂，因为屏幕截图取决于捕获它的分辨率和浏览器具有的独特 UI 元素。在多个浏览器上自动执行此类任务非常棘手。
需要注意的重要一点是，整个自动化过程的成功取决于这一步。所以，这不是一项微不足道的任务。这使得在制定自动化策略之前评估需求变得更加重要。首先，检查如何使用已经有权访问的现有资源。如果希望针对各种浏览器和浏览器版本自动执行跨浏览器测试，那么需要有出色的工具可以帮助完成工作。
解决方案：正确选择工具
应对这种跨浏览器测试挑战的唯一方法是选择一个具有所有功能的跨浏览器测试工具来自动化该过程。确保使用的自动化工具的服务器包含可靠的浏览器版本清单列表。它还应该与任何最新的浏览器更新以及集成的最新浏览器功能保持一致。它必须能够跨多个浏览器测试 Web 应用程序、拍摄高清屏幕截图、录制视频等。
设施维护负担大
建立公司本地基础设施并非在所有情况下都可行，尤其是在初创公司有预算有限的情况下。现场开发有其自身的限制。尽管本地与云长期以来一直是争论的焦点，但很多人后悔在初始阶段没有采用直接采取基于云的方法。
例如，如果想在多个平台上测试 Web 应用程序，需要维护最新设备、操作系统、浏览器和浏览器版本的基础架构。这是一项繁琐的任务，因为它需要一个专门的团队来管理它，而且必须承担高昂的成本。此外，它非常耗时，并且经常存在可扩展性问题。
云上的网站测试促进了协作虚拟平台，减少了设置和维护内部基础设施的成本。此外，升级并不像人们想象的那么昂贵。用户可以 24×7 全天候访问各种共享资源。因此，最好选择提供基于云的解决方案的平台，从而帮助测试人员和开发人员制作健壮的应用程序和站点。
解决方案：选择可靠的云服务
克服这种跨浏览器测试挑战的最佳方法是使用基于云的跨浏览器测试工具，而无需在内部维护设备。使用具有可靠基础架构的云服务可以直接减少维护基础设施的时间和成本。云平台需要具有实时交互式测试、与各种第三方工具的轻松集成、Selenium 网格自动化测试、本地托管站点和应用程序的测试等功能。
浏览器适配列表太多
最突出的跨浏览器测试挑战之一是浏览器及其各自的版本太多。并非每个企业都可以在内部托管和维护所有浏览器、版本和设备。更重大的挑战在于自己了解所有这些并确保 Web 应用程序在其中的每一个上都具有优良的表现。
如果应用程序在开发时考虑了对 Chrome、Safari、Firefox、Opera 和 Internet Explorer 等五种主要浏览器的支持。它看起来非常简单和易于管理，因为它们只有五个。但是，所有用户不会都使用的最新版本，而且随着时间往前走，更新的版本又会出现。
相反，可能需要确保客户在旧操作系统和过时浏览器（如 IE 和旧版 Edge）上的体验。因此，手动测试所有组合是不可能的。我们假设已经构建了一个针对每个平台上排名前 3 的浏览器的应用程序。
Windows：Chrome、Firefox、IE
macOS：Safari、Chrome、Firefox
Linux：Chrome、Firefox、Opera
它看起来很容易管理，因为只有九种浏览器类型。但是，并非每个用户都会使用每种浏览器类型的相同版本。即使我们考虑每个浏览器的两个版本，数量也会翻倍，即 18 个。因此，需要考虑在多个浏览器和浏览器版本上进行测试，最终将数量将会呈现指数增长。
解决方案：选择多版本支持的平台
解决此问题的最佳方法是首先了解是否有必要跨所有这些浏览器和浏览器版本测试 Web 应用程序。这可以通过查看访问者的统计数据和使用的浏览器来快速完成。根据结果，可以对测试进行优先级排序，即首先在拥有最大用户群的浏览器上进行测试。
Have Fun ~ Tester ！
版权声明: 本文为 InfoQ 作者【FunTester】的原创文章。
原文链接:【http://xie.infoq.cn/article/edef62b95b941c932503d4874】。文章转载请联系作者。
公众号：FunTester，650+原创，欢迎关注 2020.10.20 加入
Have Fun,Tester！ 公众号FunTester，坚持原创文章的测试人。 FunTester测试框架作者，DCS_FunTester分布式性能测试框架作者。
评论