如何使用IE 11在以前版本的IE上完全测试我的网站?

时间:2013-11-14 17:11:34

标签: html internet-explorer cross-browser internet-explorer-11

使用IE 10测试我的网站在旧版本的IE上非常简单,并且始终按预期工作,我只是去了开发人员工具,从菜单中选择了我想要的版本,我没有遇到任何问题。

现在,在升级到IE 11后,我遇到了这种测试方法的一些问题。首先,我放在像<!--[if lt IE 10]>这样的HTML评论中的内容不再显示了。其次,几天前我在使用IE 10的旧版本IE上测试的同一个网站在IE 11上进行相同的测试时看起来非常不同。

那么,为什么所有这些都发生了,我该如何解决?

3 个答案:

答案 0 :(得分:19)

Internet Explorer 11附带了一套相当不错的仿真工具。如果您知道Internet Explorer 10中报告的问题,您可以尝试复制仿真中的问题。如果您成功,很可能在模拟过程中继续解决这些问题。

enter image description here

有时您可能遇到一些在仿真中无法重现的事情,而是需要Internet Explorer 10的本机实例(或任何其他版本)。此时你真的只有几个选择:

  1. 浏览器中的虚拟机(http://browserstack.com
  2. 桌面上的虚拟机(http://modern.ie
  3. 每个选项都有自己的优点和缺点。浏览器内虚拟机可以非常快速地启动,并且不需要运行大量的系统资源。话虽如此,体验可能不稳定,并且不利于解决依赖于低延迟的问题。

    桌面模拟非常棒,因为您有更接近原生的感觉。不幸的是,这意味着您需要下载非常大的文件才能在当前的操作系统中运行第二个操作系统。此外,您可能会发现自己正在与配置等进行斗争。

    我个人使用两者的组合,具体取决于我目前正在尝试解决的问题。但是,作为一种良好的做法,编写清晰有效的标记,并使用渐进增强和功能检测等最佳实践来提供备用代码路径,从而降低您花费大量时间调试任何内容的可能性。

答案 1 :(得分:3)

最新的ie11具有类似之前的功能,即浏览器版本。

1要访问这些模式,请启动F12开发人员工具

2单击底部的Emulation图标,然后选择文档模式 - 它们不再被命名为“浏览器模式”

本文可能对您有所帮助。 http://www.sitepoint.com/ie11-browser-modes-return/

答案 2 :(得分:0)

我让用户抱怨IE10中的问题,并且无法使用F12仿真在IE11中重新创建它们。我最终做了什么(经过多次尝试卸载IE11,并安装IE10无效(在Windows 10中))是这样的:

在此处下载VirtualBox:https://www.virtualbox.org/wiki/Downloads 转到:https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/

下载要测试的VM,然后将其加载到VirtualBox中。他们的网站上有关于设置选项等的说明。大多数情况下,您需要设置内存,虚拟硬盘位置和大小。我使用1024MB和驱动器的默认值,因为我只使用此VM运行IE。它运作得很好。默认情况下,网络将主机置于10.0.2.2,因此我在localhost:8080上运行的localhost测试网站位于VM上的http://10.0.2.2:8080//。它运作良好。

希望这可以节省一些时间。

仿真错过了两个不同的错误,一个是Array.filter,另一个是__definegetter __。

VM选择了这些。这是一种比模拟更慢的方法。

刚看到“在IE11上”。对此感到抱歉 - 这仍然是我的推荐。而且您不必卸载IE11。