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

时间:2015-07-23 18:57:29

标签: javascript browser cross-browser modernizr

我正在构建3d gallery插件,这是一个非常简单的插件,使用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. 
}

现在问题就出现了,在我的电脑,Win-7和最新的Chrome上,我将始终看到在if条件下执行的代码。我无法测试我的代码在早期版本的Chrome或IE或FF中的外观,比如每个浏览器,我想测试每个版本的代码,就像我可以在最新的Chrome浏览器中测试我的代码一样。

Browser Stack这样的工具可以帮助我了解我的插件在所有浏览器中的显示方式,但我想知道的是,是否可以在我的PC上运行所有版本的浏览器并且能够运行测试每一个?

1 个答案:

答案 0 :(得分:2)

您可以使用以下步骤安装多个版本的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)。到目前为止最简单的方法是在不同的用户帐户中安装不同的版本。但是,如果这看起来太麻烦,你可以查看该主题中的其他一些解决方案。