JavaScript插件的浏览器测试，每个浏览器的独立版本答案

【问题标题】：Browser testing for JavaScript plugin, in independant versions of each browserJavaScript插件的浏览器测试，每个浏览器的独立版本
【发布时间】：2019-06-01 05:19:22
【问题描述】：

我正在构建 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 上运行所有版本的浏览器并能够在其中运行测试他们每个人？

【问题讨论】：

标签： javascript browser cross-browser modernizr

【解决方案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)。到目前为止最简单的就是在不同的用户帐户中安装不同的版本。但是，如果这看起来太麻烦，您可以查看该线程中的其他一些解决方案。

【讨论】：