cross-browser - 如何在 IE11 中恢复“浏览器模式”？

Question

更新：旧问题仅适用于 IE11 预览版；浏览器模式已在 IE11 的最终版本中返回。但是有一个问题：它几乎没用，因为它不模拟条件注释。例如，如果您使用它们在旧版 IE 中启用 HTML5 支持，您将无法再在 IE11 中调试您的网站。

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

阅读另一个StackOverflow 问题和 IE错误跟踪器问题。微软从未对此做出回应，所以看起来他们引入了这个错误是为了引导人们购买 BrowserStack 订阅。条件注释模拟在预览版中运行良好。

原始问题：在 Windows 7 上安装 IE11 预览版时，它带有老式的 F12 工具，可以更改浏览器模式。

但是，如果您转到“工具”菜单并选择“F12”开发人员工具，它将被新的开发人员工具替换，并且“浏览器模式”不再可用。

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

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

Answer 1

[更新]

原始问题和下面的答案专门适用于 IE11预览版。

IE11的最终发布版本实际上提供了从开发工具中的 Emulation 选项卡切换浏览器模式的能力：

话虽如此，我在这里（和其他地方）给出的避免使用兼容性模式进行测试的建议仍然有效：如果您想测试您的网站与旧 IE 版本的兼容性，您应该始终在真实副本中进行测试那些IE版本。

但是，这确实意味着不再需要@EugeneXa 的回答中描述的注册表黑客来恢复旧的开发工具，因为新的开发工具现在确实具有他所缺少的功能。

---

[原始答案]

IE 开发人员故意弃用切换浏览器模式的能力。

人们在开发工具中切换模式的原因并不多，但主要原因之一是因为他们想在旧 IE 版本中测试他们的网站。不幸的是，IE 提供的各种兼容模式从未真正与旧版本的 IE 完全兼容，使用兼容模式进行测试根本不足以替代在 IE8、IE9 等的真实副本中进行测试。

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

最佳做法是使用每个 IE 版本的真实副本来测试您的站点。

IE11 中仍然可以使用各种兼容模式，但只有在站点明确声明要在兼容模式下运行时才能访问。您可以通过在页面上包含X-UA-Compatible标题来做到这一点。

并且文档模式下拉框仍然可用，但只会提供“边缘”选项（即当前 IE 版本可用的最佳模式，因此 IE11 中的 IE11 模式）或页面正在运行的模式在。

因此，如果您转到以兼容模式加载的页面，您将可以选择在该页面加载的特定兼容模式或 IE11“边缘”模式之间切换。

如果您转到以 IE11 模式加载的页面，那么您将只能获得“边缘”模式，而不会提供其他任何内容。

这意味着它仍然允许您测试兼容模式页面对更新以在 Edge 模式下工作的反应，无论如何，这大约是文档模式下拉框唯一真正合法的用例。

IE11 文档模式下拉框i旁边有一个图标，可将您带到modern.ie 网站。这样做的目的是鼓励您下载微软为我们提供的虚拟机，以便使用每个版本的 IE 的真实副本来测试我们的站点。这将为您提供更准确的测试体验，并且强烈鼓励作为一种比通过在开发工具中切换模式进行测试更好的做法。

希望这对您有所解释。

Answer 2

虽然使用虚拟机是测试旧 IE 的最佳方式，但可以通过编辑注册表来恢复老式的 F12 工具，因为 IE11 在激活新的 F12 工具时会覆盖此值。

感谢令人敬畏的Dimitri Nickolaѕ这个技巧。

这对我有用（保存为 .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

Answer 3

您可以使用Emulation (Ctrl + 8) Document mode (10,9,8,7,5), Browser Profile (Desktop, Windows Phone)

Answer 4

最简单的方法，尤其是在 MSDN 中，浪费了我的时间，愚蠢的 MS

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

1. 打开开发人员工具窗格。为此，请按 F12。
2. 打开仿真屏幕。为此，请按 Ctrl+8。
3. 在模式下的文档模式列表中，单击 9。
4. 在模式下的用户代理字符串列表中，单击 Internet Explorer 9。

Answer 5

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

例如：

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

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

从次要版本切换到较大版本可以通过刷新来正常工作，但是如果您想从较大版本切换回次要版本，例如从 9 到 7，则需要打开一个新选项卡并加载再次页面。

这是一个屏幕截图：

Answer 6

在 IE11 中，我们可以将用户代理更改为 IE10、IE9 甚至是 windows phone。真的很好

Answer 7

Microsoft 有一个专门用于此目的的工具：Microsoft Expression Web。有一个免费版本，里面有一堆没人想要的 FrontPage/Dreamweaver 之类的垃圾。重要的是它具有出色的浏览器测试功能。我正在使用 Internet Explorer 11 运行 Windows 8.1 Pro（最终版本，不是预览版）。我得到了这些本地浏览器：

• 互联网浏览器 6
• 互联网浏览器 7
• Internet Explorer 11 /!\ 不支持的版本（不能使用；大呼，我有浏览器）

然后我得到一个远程浏览器（测试版）选项。我应该使用有效的电子邮件进行注册，但与服务器通信时出错。那好吧。

以前支持 Firefox，但现在看不到了。可能是躲起来了

我可以在浏览器版本之间并排比较。我还可以与图像进行比较，或者显然是 PSD 文件（不知道效果如何）。InDesign 会很好，但这可能要求太多了。

由于 Visual Studio Ultimate 位于同一台计算机上，我还部分安装了 Expression 的完整版本，因此我希望有人在评论中确认我的免费安装不会自动升级。

更新：看起来在线服务已停止，但仍支持本地浏览器。你也可以只下载 SuperPreview，没有编辑器垃圾。如果你想要完整的 IDE，最新版本是Microsoft Expression Web 4 (Free Version)。这是支持的浏览器的官方列表。IE6 似乎在 Windows 8.1 上出现错误，但 IE7 可以工作。

2014-12-09 更新：微软几乎放弃了这一点。不要指望它能很好地工作。

Answer 8

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

带回来的简单方法就是去仿真（ctrl +8）

并更改用户代理字符串。（见附图）