假设你在 Mac 上进行开发工作，但你想在 Microsoft Edge 中测试一些设计，而 Edge 没有 macOS 版本。反之亦然！你在 PC 上工作，你需要在 Safari 上测试，而 Safari 已经不再提供 Windows 版本。
这是一个经典问题，我已经处理了十年。我记得买了一份 Windows Vista，购买了管理虚拟机的软件，并花了好几天才搭建好测试环境。如果你喜欢痛苦，你仍然可以走这条路。或者你可以使用 CrossBrowserTesting，它可以为你提供一个非常强大的测试环境，用于各种浏览器/平台/版本，而无需离开你最喜欢的浏览器的舒适环境。
它非常棒。
入门后，你可以做最基本的操作就是选择一个浏览器/平台，指定一个 URL，然后启动它！
测试运行后，你可以像预期的那样与它进行交互。点击、滚动、输入表单……它是一个真正的浏览器！你可以访问你可能预期的所有开发者工具。例如，你可以在 Edge 中打开 DevTools，然后四处查看以找出错误。
当你需要进行这种测试时，你很可能是在开发阶段，而不是在生产阶段。那么如何进行测试呢？当然，CrossBrowserTesting 的服务器无法看到你的 localhost！但是，如果你允许它们，它们就能看到。它们有一个浏览器扩展，允许你一键允许对本地站点进行测试。
我发现自己经常使用 CrossBrowserTesting 来解决跨不同浏览器布局的问题。如果你还没有听说，CSS 网格已经来了！它在许多浏览器中受支持，但并非所有浏览器都支持，并且并非以完全相同的方式支持。
CrossBrowserTesting 是帮助我解决此问题的完美工具。我可以打开我在那里正在处理的内容，进行更改，并使其按我的需要工作。也许是让布局在各种浏览器中复制，或者更有可能的是，创建一个不同的回退，但看起来不错。
注意上面截图中的演示是在 CodePen 上的。这与 CrossBrowserTesting 允许你在 CodePen 上免费测试相关！对于像 Live View 这样的功能来说，这是一个很好的用例，你可以在 Pen 上工作，保存它，并让更改立即反映在 Live View 预览中，即使通过 CrossBrowserTesting，它也运行得很好。
实时测试很棒，但也有基于截图的视觉测试，如果你想在几十个浏览器中测试布局，可以使用它。一次查看缩略图网格会更实用！
还有更多高级的功能。 CrossBrowserTesting 具有自动化测试功能，可以简化在真实浏览器上的功能测试和视觉测试。使用 Selenium（一个开源测试框架），我可以使用我选择的语言编写脚本，模拟真实用户的操作：登录应用程序、购买计划并创建一个新项目。然后，我可以在 CrossBrowserTesting 上运行这些测试，确保这些操作在各种浏览器和设备上都能正常工作。由于 CrossBrowserTesting 是基于云的，我可以在产生收入的生产网站和应用程序上运行我的测试。
功能测试可以成为救命稻草，确保一切正常，你的客户可以与你的产品进行正确交互。这些测试运行完成后，我甚至可以查看失败的视频或截图，并从那里开始调试。