如何在 IE11中恢复“浏览器模式”?

更新 : 旧的问题只适用于 IE11预览版; 在 IE11的最终版本中,浏览器模式已经返回。但是有一个问题: 它几乎没有用处,因为它不模拟条件注释。例如,如果您使用它们在遗留 IE 中启用 HTML5支持,那么您将无法在 IE11中调试站点。

        <!--[if lte IE 8]>
<script src="html5shiv.js"></script>
<![endif]-->

阅读另一个 StackOverflow 问题和 IE 窃听器追踪器问题。微软从未对此做出回应,所以看起来他们故意引入这个 bug 来引导人们购买 BrowserStack 订阅。条件注释模拟在预览版中运行良好。

原问题 : 当 IE11预览安装在 Windows7上时,它带有老式的 F12工具,允许改变浏览器模式。 enter image description here

但是,如果您进入“ Tools”菜单并选择“ F12”开发人员工具,它将被新的开发人员工具替换,并且“ Browser mode”将不再可用。 enter image description here

恢复它的唯一方法是卸载 IE11并重新安装。

在 IE11中有没有更简单的方法在浏览器模式之间切换?

272770 次浏览

[更新]

最初的问题,以及下面的答案特别适用于 IE11预览版

IE11是的最终版本实际上提供了从 dev 工具中的 Simulation 选项卡切换浏览器模式的能力:

Screenshot showing browser mode selection in the emulation tab

话虽如此,我在这里(和其他地方)给出的避免使用兼容性模式进行测试的建议仍然有效: 如果你想测试你的网站与旧版 IE 的兼容性,你应该总是在那些 IE 版本的真实副本中进行测试。

然而,这确实意味着在@EugeneXa 的回答中描述的注册表黑客将不再需要旧的开发工具,因为新的开发工具现在确实具有他所缺少的特性。


[原始答案]

IE 开发者已经否定了 故意的切换浏览器模式的能力。

人们在开发工具中切换模式的原因并不多,但其中一个主要原因是他们想在旧版 IE 中测试自己的站点。不幸的是,IE 提供的各种兼容模式从来没有真正与旧版本的 IE 完全兼容,使用 compat 模式进行测试根本不足以替代真正的 IE8、 IE9等版本的测试。

IE 开发人员已经意识到了这一点,并故意让开发人员更难犯这个错误。

最好的做法是使用每个 IE 版本的真实副本来测试你的网站。

各种兼容模式在 IE11内部仍然可用,但是只有当站点 明确地声明它希望在 compat 模式下运行时才能访问。您可以通过在页面上包含 X-UA-Compatible头来实现这一点。

文档模式下拉框仍然可用,但只会提供“边缘”选项(即当前 IE 版本的最佳模式,所以 IE11模式下的 IE11模式)或页面运行的模式。

因此,如果转到处于 compat 模式的 上膛了页面,则可以选择在加载页面的特定 compat 模式或 IE11“ Edge”模式之间进行切换。

如果你进入一个以 IE11模式加载的页面,那么你只会被提供“边缘”模式,而没有其他东西。

这意味着它仍然允许您测试 compat 模式页面对更新到 Edge 模式下的反应,而 Edge 模式差不多是文档模式下拉框唯一真正合法的用例。

IE11文档模式下拉框旁边有一个 i图标,可以将您带到现代网站。这样做的目的是鼓励你下载微软提供给我们的虚拟机,使用每个 IE 版本的真实副本来测试我们的网站。这将为您提供更加精确的测试体验,并且作为一种比在开发工具中切换模式进行测试更好的实践,它受到了强烈的鼓励。

希望这能解释一些事情。

尽管使用虚拟机是测试老式 IE 的最佳方式,但是当新的 F12工具被激活时,IE11会覆盖这个值,所以可以通过编辑注册表来恢复老式的 F12工具。

感谢超棒的 迪米特里 · 尼古拉的这个魔术。 enter image description here

这对我很有用(保存为. reg 文件并运行) :

Windows Registry Editor Version 5.00


[HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Toolbar\WebBrowser]
"ITBar7Layout"=hex:13,00,00,00,00,00,00,00,00,00,00,00,30,00,00,00,10,00,00,00,\
15,00,00,00,01,00,00,00,00,07,00,00,5e,01,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,00,\
00,00,00,69,e3,6f,1a,8c,f2,d9,4a,a3,e6,2b,cb,50,80,7c,f1

Microsoft 有一个专门用于此目的的工具: MicrosoftExpressionWeb。有一个免费的版本,里面有一堆没人想要的 FrontPage/Dreamweaver 式的垃圾。重要的是它有一个很棒的浏览器测试功能。我运行的是带有 Internet Explorer 11的 Windows 8.1 Pro (最终版本,不是预览版)。我得到了这些 本地浏览器:

  • Internet Explorer 6
  • Internet Explorer 7
  • Internet Explorer 11/! 不支持的版本(不能使用; 大惊小怪,我有浏览器)

然后我得到了一个远程浏览器(Beta)选项。我应该注册一个有效的电子邮件,但有一个错误与服务器通信。好吧。

Firefox 以前是支持的,但我现在看不到了,可能藏起来了。

我可以并排比较浏览器版本。我也可以比较一个图像,或显然,一个 PSD 文件(不知道如何工作)。InDesign 是个不错的选择,但这要求可能太高了。

由于 Visual Studio Ultimate 在同一台计算机上,所以我已经部分安装了 Expression 的完整版本,所以我希望有人在评论中确认我的免费安装没有自动升级。

更新: 看起来在线服务是 停产了,但是仍然支持本地浏览器。也可以使用 下载 SuperPreview,而不使用编辑器垃圾。如果您想要完整的 IDE,最新版本是 MicrosoftExpressionWeb4(免费版)。这是 官方支持的浏览器列表。IE6似乎在 Windows 8.1上出现了一个错误,但 IE7可以正常工作。

更新2014-12-09: 微软已经基本放弃了这一点,不要指望它能够很好地工作。

你可以使用 模拟(Ctrl + 8) 文档模式(10,9,8,7,5) ,浏览器资料(桌面,Windows Phone)来获得这些

enter image description here

在 IE11中,我们可以把用户代理改成 IE10,IE9,甚至可以改成 Windows 手机,真的很不错

如何在 IE11中恢复“浏览器模式”?

返回的简单方法是进入仿真(ctrl + 8)

并更改用户代理字符串。(见附图)

enter image description here

最简单的方法,尤其是在 MSDN,浪费我的时间,愚蠢的多发性硬化症

Http://support.microsoft.com/kb/2900662/en-us?sd=rss

  1. 打开“开发人员工具”窗格。要做到这一点,请按 F12。
  2. 打开模拟屏幕。要做到这一点,按 Ctrl + 8。
  3. 在“模式”下的“文档模式”列表中,单击9。
  4. 在“模式”下的“用户代理字符串”列表中,单击“ Internet Explorer 9”。

您可以通过为您正在调试的 IE 的特定版本设置 X-UA-Compatible元标头来解决这个问题。这将把 浏览器模式更改为您在标题中指定的版本。

例如:

<meta http-equiv="X-UA-Compatible" content="IE=9" />

为了使浏览器模式在开发工具上更新,您必须关闭[开发工具]并重新打开。这将切换到该特定版本。

从小版本切换到大版本只需刷新就可以了,但是如果你想从大版本切换回小版本,比如从9切换到7,你需要打开一个新标签页并重新加载页面。

下面是一个截图:

enter image description here