如何在 WordPress 中测试浏览器兼容性

为数字世界的一个领域或一个细分市场命名,你会发现一家大公司的名字实际上——有时甚至是字面意思——是它的同义词。 网上购物? 亚马逊。 在网上搜索? 谷歌。 创建博客或网站? WordPress。 少数大玩家主宰了互联网及其上的一切

但即使是这样的景观也有变化的空间。 以互联网浏览器市场为例。 当然,有一个实体——Chrome—— 控制三分之二以上. 但是您的访问者可能正在使用至少三四个其他流行的网络浏览器。 这种多样性是您需要对您的网站进行 WordPress 浏览器兼容性测试的原因。

在本文中,我们将向您展示:

为什么 WordPress 中的浏览器兼容性测试很重要?

为什么浏览器兼容性测试很重要

当您创建网站时,您所从事的一件事就是设计用户体验。 从您用于网站的配色方案、图像和视频到 CTA 按钮的副本及其位置,一切都会影响用户体验. 不同网站元素的缩放和可见性以及用户轻松浏览网站的能力也非常重要。

如果您关心您网站的访问者,这是您应该做的事情,您将采取行动确保他们获得愉快的体验。 因此,也许您会使用适合您网站主题的高级主题,例如教育网站的教育 WordPress 主题。 您将采取措施优化您的网站,也许是通过优化网站上的图像。

当您完成关键工作时,您将想要测试该网站。 您可以检查它的一种方法是按照访问者的方式查看和浏览它. 但他们可以从至少三种类型的设备访问该站点,这些设备由四五个大型操作系统中的任何一个运行。 您的访问者至少可以使用五种不同的浏览器——每种浏览器都有多个版本.

即使您只坚持使用浏览器,在每个浏览器的每个版本上测试您的网站也是不切实际的,如果不是几乎不可能的话。 但这就是浏览器兼容性测试工具的用途——为您完成大部分繁重的工作.

你能找到什么样的问题?

你能找到什么样的问题

当您测试您的网站的跨浏览器兼容性时,最好了解您要搜索的错误类型。 您很快就会了解到,并非所有工具都可以测试所有错误。 如果你想在预算内执行跨浏览器测试,你需要做很多艰难的事情.

它可以为您节省大量时间来了解要查找的内容。 它还有助于了解您从哪些浏览器获得的流量最多。 在构建新网站时,您可能没有这些数据。 但是,如果您要重新设计现有网站,您会很容易在 Google Analytics(分析)中找到所需的信息。 这样,您就会知道哪些浏览器最值得人工检查.

您可能会注意到某些元素无法在特定浏览器中加载。 或者布局因一个浏览器而异。 这些是您可以通过目视检查快速发现的一些错误. 导航和功能元素的问题将需要更彻底的测试。 识别链接或按钮在单击它们时不执行任何操作的唯一方法是单击它们.

大多数情况下,您在不同浏览器上查看网站时遇到的问题源于它们在处理特定技术时不在同一页面上。 很多时候,它与CSS有关. 例如,当前版本的 Chrome 83 和 Firefox 76 不支持 CSS 颜色函数,而 Safari 和 iOS Safari 可以。 这些是可能导致网站外观问题的因素。

WordPress浏览器兼容性测试的类型

浏览器兼容性测试的类型

您可以进行两种类型的测试,交互式手动测试和屏幕截图比较. 您可以使用的大多数测试工具都将为您提供。 我们将推荐的那些将支持这两种测试。

通过交互式手动测试,您可以在浏览器、操作系统和设备的模拟或真实组合中加载您的网站。 您可以在那里四处逛逛,看看哪些有效,哪些无效,并且通常手动测试您的网站. 这是测试不仅仅是网站视觉组件的所有内容的好方法。

屏幕截图比较是您测试网站视觉效果的地方。 这些工具会自动在浏览器版本和操作系统的各种组合上截取许多屏幕截图,并为您呈现结果. 您将能够看到您的网站无法正确加载的位置,并且您将使用该信息对其进行微调。

哪些工具可用于跨浏览器测试?

在为您的网站选择最佳跨浏览器兼容性测试工具时,您将有很多选择。 但是,您应该知道,除了 浏览器截图一个只允许您在不同浏览器中拍摄网站快照的工具, 您可以使用的大多数工具都是高级工具或提供有限的免费计划. 这里有几个流行的选择。

LambdaTest

LambdaTest

LambdaTest 是一种跨浏览器测试云解决方案,可让您查看您的网站在 2000 多种不同的操作系统、设备、浏览器和浏览器版本组合中的行为。 它带有许多集成选项,可让您和您的团队更轻松地进行测试。 例如,它可以与 Slack 等通信工具以及 Trello 等项目管理工具集成。 LambdaTest 免费提供有限的每月测试功能.

浏览器堆栈

浏览器堆栈

浏览器堆栈 是另一个拥有 2000 多种不同组合的工具,您可以在其中测试您的网站。 该服务提供原生测试体验以提高准确性,以及地理定位测试和显示分辨率模拟等功能。 在您注册付费版本之前,BrowserStack 提供有限的免费试用.

跨浏览器测试

跨浏览器测试

另一个工具,它吹捧它允许您用于测试的浏览器组合的数量, 跨浏览器测试 将为您提供 本机调试工具和在真实设备上的测试,而不是模拟器。 在试用期内免费提供,CrossBrowserTesting 是一款高级工具.

让我们把它包起来!

如果您热衷于启动 WordPress 网站,您不妨确保登陆它的人可以看到并正确使用它,对吗? 但由于当今访问网站的方式有很多,因此正确测试网站往往说起来容易做起来难。

但如果你有合适的工具来完成这项工作,那就不行了。 当然,正确的工具几乎总是高级工具,但在扩展您测试网站的能力时,它们可以提供巨大的帮助。 请记住,即使这些服务很有帮助,您仍然需要花费一些时间进行测试。

In relation :  WordPress 的 7 个最佳区块链插件
Moyens Staff
Moyens I/O 员工激励了您,为您提供技术、个人发展、生活方式和策略方面的建议,对您有所帮助。