javascript - JavaScript 插件的浏览器测试，在每个浏览器的独立版本中

Question

我正在构建 3d 画廊插件，一个非常简单的插件，它使用 CSS-3 属性。现在，并非所有浏览器都支持 3d 转换，因此显然我必须编写代码以适应根本无法访问 css-3 的浏览器。

事实上，我几乎需要编写，我需要为旧浏览器编写一整套不同的功能。好吧，我看到了一些解决方案:

• 编写代码来检查浏览器是否支持(我几天前在 that topic 上发布了一个问题)。
• 使用像 Modernizer 这样的库，让您的生活更轻松。

好吧，假设我做了上面的任何一个，现在我有如下代码:

if(supports3d) {
    // use css-3 properties and make the gallery look awesome
}  else {
    // Fall back gracefully , no cool transforms , transitions , preserve-3d etc. just make it look basic. 
}

现在问题开始了，在我的 PC、Win-7 和最新的 Chrome 上，我总是会看到在 if 条件下执行的代码。我无法测试我的代码在早期版本的 Chrome 或 IE 或 FF 中的外观，比如对于每个浏览器，我想为每个版本测试我的代码，就像我可以在最新的 chrome 浏览器中测试我的代码一样。

类似Browser Stack 的工具，可能会帮助我了解我的插件如何在所有浏览器中显示，但我想知道的是，是否可以在我的 PC 上运行所有版本的浏览器并能够在每个浏览器中运行测试？

Answer 1

您可以使用此处的过程安装多个版本的 Firefox:https://support.mozilla.org/en-US/questions/939994#answer-376060 .这有点牵扯，但还不算太糟。您必须为每个版本自定义安装到不同的位置，然后将每个版本设置为使用单独的配置文件。

IE 11 有一个方便的“文档模式”功能，您可以将其设置为像旧版 IE 一样运行。要使用它，请按 F12 打开开发人员工具，然后进行更改，然后使用显示“Edge”的下拉菜单选择您的版本。 IE 6 神秘地被排除在外，因此如果您需要在 IE 6 上进行测试，您将需要另一种解决方案，例如虚拟机。

遗憾的是，Chrome 并不是那么容易。您可以从 http://www.oldversion.com/windows/google-chrome/ 获得它的旧版本.问题中有运行多个 Chrome 版本的各种过程:Can I run multiple versions of Google Chrome on the same machine? (Mac or Windows) .目前为止最简单的就是在不同的用户帐户中安装不同的版本。但是，如果这看起来太麻烦，您可以查看该线程中的其他一些解决方案。