JavaScript 插件的浏览器测试,每个浏览器的独立版本

Browser testing for JavaScript plugin, in independant versions of each browser

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

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

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

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 并能够 运行 测试其中的每一个?

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

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

Chrome,可悲的是,没那么容易。您可以从 http://www.oldversion.com/windows/google-chrome/. There are various procedures for running multiple Chrome versions in the question: Can I run multiple versions of Google Chrome on the same machine? (Mac or Windows) 获得它的旧版本。目前为止最简单的就是在不同的用户帐户中安装不同的版本。但是,如果这看起来太麻烦,您可以查看该线程中的其他一些解决方案。