跨浏览器兼容性测试是网站上线前的关键步骤,对于那些忽视此过程的人可能会有较高的跳出率,因为有些用户可能无法查看甚至无法浏览您的网站。

跨浏览器测试可确保最大程度的可访问性和可见性,从而为观众提供跨多个流行浏览器的积极体验。您甚至不需要安装多个浏览器来进行测试。有许多服务可以批量虚拟化跨浏览器测试,因此您可以快速了解多个浏览器同时显示的用户体验。以下列表包括可用于确保更高浏览器兼容性的免费和免费增值工具。

Browserling

Browserling

这个设计独特的Web应用程序为您提供对虚拟机上运行的各种浏览器会话的实时交互式访问,让您真实地查看Internet Explorer,Firefox,Chrome,Opera和Safari上的网站。

虽然欢迎用户在不付费的情况下试用此服务,但免费计划只允许您一次访问Internet Explorer 9三分钟。如果您认真测试网站的浏览器兼容性,那么开发人员计划每月花费19美元,让您可以访问所有可用的浏览器选项以进行无限制的会话。

您还可以测试不同的屏幕分辨率,以了解用户在使用各种设备和监视器时将看到的内容。Browserling依赖于HTML 5来显示内容,因此您无需安装插件即可查看任何内容。

saucelabs

saucelabs

这是另一个虚拟机测试程序,可让您访问超过400个浏览器和操作系统视图,包括移动系统。

为了保护您的隐私,Sauce Labs会在您完成网站测试后立即终止您的虚拟机会话。用户可以在两周内免费试用手动跨浏览器测试工具。但是,付费用户可以访问各种特权,包括无限制的浏览器和操作系统组合,调试工具,安全本地隧道,企业安全和屏幕截图。屏幕截图选项对于需要与客户合作解决兼容性问题的设计人员和开发人员特别有用。

Sauce Labs的付费计划还支持并发虚拟机,因此您的团队可以同时测试具有不同浏览器和操作系统配置的多个网站。您可以在Sauce Labs网站免费进行手动测试,以便您可以了解此浏览器和操作系统测试工具。

BrowserStack

BrowserStack

该测试工具与虚拟化依赖有所不同,而是由云计算驱动。BrowserStack支持跨700种不同的浏览器和操作系统组合进行测试,包括移动平台。这个强大的Web实用程序将微软,Bose,Citrix和Github列为25,000个国际客户。

BrowserStack上的自动化测试支持详尽的编程语言列表,包括Ruby,Python,C#,Perl和Java。BrowserStack提供三种服务选项:实时测试,自动测试和屏幕截图/响应。这允许您选择公司实际需要的服务,而不是订阅无关的捆绑功能。

每个服务计划都有五个不同的订阅层,因此您可以将BrowserStack服务扩展到适当数量的用户和所需的会话。只想在热门桌面浏览器和操作系统上测试其网站的Solo用户可能会发现Lite计划符合他们的需求。

该响应式设计测试预览特别好玩。只需在视图字段中键入一个URL,您就可以在各种移动设备视图中进行随机播放,并在屏幕上显示真实的视图端口大小和设备帧。您甚至可以在纵向和横向模式之间旋转,以检查网站的可重复性。

browsershots

browsershots

虽然屏幕截图不提供与您的Web内容交互的选项,但它们可以为您提供关于Web设计在各种浏览器和操作系统上的外观的良好可视性。浏览器镜头可以在短时间内提供您网站的屏幕截图,允许您从检查列表中选择各种流行和模糊的浏览器。

您可以选择基于操作系统测试网站。浏览器镜头还允许您启用或禁用Javascript,Java和Flash等元素,或者定义颜色深度和屏幕大小参数。

browsershots的基本用途是免费和开源的,但如果您想要获取流行的高流量网站的屏幕截图,则需要创建用户帐户。一旦您请求屏幕截图,浏览器镜头会将您的请求添加到队列中。根据您的位置,您可能需要几分钟才能生成结果。如果您厌倦了等待,browsershots确实提供了优先处理成员资格,以便您的截图在2到5分钟内发送。

browsershots的另一个有趣功能是网页设计评级的免费目录。热门网站截图归功于星级评分,最高得分为5.评分来自浏览器用户投票。这可以成为网页设计师在寻求新网站灵感时进行探索的绝佳资源。探索具有最低星级的网站截图也很有趣,这样您就可以了解哪些元素在多个浏览器中无法正常工作。

您的网站是否与大多数浏览器兼容?不要疏远你的观众。开始使用跨浏览器兼容性测试工具为每个人创建更好的用户体验。

PS:请在下面的评论中分享更多跨浏览器测试工具!我知道有很多可用的,为什么你更喜欢一些?