如何在IE11中带回“浏览器模式”?

更新 :旧的问题只适用于IE11预览; 浏览器模式在IE11的最终版本中已经返回。 但有一个问题:它是无用的,因为它不模仿有条件的评论。 例如,如果您使用它们在传统IE中启用HTML5支持,您将不再能够在IE11中debugging您的站点。

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

阅读另一个StackOverflow的问题和IE 错误跟踪问题 。 微软从来没有回应过这个问题,所以看起来他们特意引入了这个bug来引导用户购买BrowserStack订阅。 有条件的评论模拟在预览版本中工作得很好。

原始问题 :在Windows 7上安装IE11预览版时,会附带老式的F12工具,可以更改浏览器模式。 在这里输入图像描述

但是,如果您转到“工具”菜单并select“F12”开发人员工具,则会被新的开发人员工具replace,而“浏览器模式”将不再可用。 在这里输入图像描述

唯一的方法是将其卸载IE11并重新安装。

有没有更容易的方式来切换浏览器模式在IE11中?

[UPDATE]

原来的问题,下面的答案专门用于IE11 预览版本

IE11的最终发行版实际上提供了从开发工具中的仿真选项卡切换浏览器模式的能力:

屏幕截图显示仿真选项卡中的浏览器模式选择

话虽如此,为避免使用兼容模式进行testing,我在这里(以及其他地方)给出的build议仍然有效:如果您想testing您的站点是否与旧IE版本兼容,则应始终在真实副本中进行testing那些IE版本。

然而,这意味着在@ EugeneXa的回复旧开发工具的描述中所描述的registry攻击已经不再需要,因为新的开发工具现在具有他所缺less的function。


[原文答案]

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

人们在开发工具中切换模式的原因并不多,但其中一个主要原因是因为他们想在旧的IE版本中testing他们的网站。 不幸的是,IE提供的各种兼容模式从来没有真正与旧版IE完全兼容,使用compat模式进行testing根本不是testingIE8,IE9等实际副本的好的替代品。

IE开发人员已经认识到这一点,故意让开发者更难做出这个错误。

最佳做法是使用每个IE版本的实际副本来testing您的网站。

在IE11中,各种兼容模式仍然可用,但是只有在网站明确声明要以共享模式运行时才能访问。 您可以通过在页面上添加一个X-UA-Compatible标题来实现。

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

所以,如果你进入一个以compat模式加载的页面,你可以select页面加载的特定compat模式或IE11“Edge”模式。

如果你去到一个IE11模式的页面,那么你将只被提供“边缘”模式,没有别的。

这意味着它仍然允许您testingcompat模式页面如何作出反应以更新为边缘模式,这对于文档模式下拉框是唯一真正合法的用例。

IE11文档模式下拉框旁边有一个i图标,可将您带到modern.ie网站。 重点是鼓励你下载MS提供给我们的虚拟机,使用每个版本IE的真实副本来testing我们的网站。 这将给你一个更准确的testing经验,并强烈build议作为一个更好的做法,而不是通过切换开发工具模式进行testing。

希望能为你解释一些事情。

虽然使用虚拟机是testing旧IE的最佳方法,但是可以通过编辑registry来恢复老式的F12工具,IE11将在新的F12工具激活时覆盖该值。

感谢真棒迪米特里尼古拉斯这个把戏。 在这里输入图像描述

这适用于我(保存为.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 

您可以使用仿真(Ctrl + 8) 文档模式 (10,9,8,7,5), 浏览器configuration文件 (桌面,Windows Phone)

在这里输入图像描述

最简单的方法,特别是如果在MSDN,浪费了我的时间,愚蠢的MS小时

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

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

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

例如:

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

为了使浏览器模式在Developer Tools上更新,您必须closures[Developer Tools]并重新打开。 这将切换到该特定的版本。

从次要版本切换到更高版本只需刷新就可以正常工作,但是如果要从较大版本切换到次要版本(例如从9到7),则需要打开一个新选项卡并加载页面。

这里有一个截图:

在这里输入图像描述

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

如何在IE11中带回“浏览器模式”?

简单的方法来回来只是去仿真(CTRL + 8)

并更改用户代理string。 (见附图)

在这里输入图像描述

微软有一个工具就是为了这个目的:Microsoft Expression Web。 有一个免费的版本,有一堆FrontPage / Dreamweaver的垃圾,没有人想要的。 重要的是它有一个很棒的浏览器testingfunction。 我使用Internet Explorer 11运行Windows 8.1 Pro(最终版本,不预览)。我得到这些本地浏览器:

  • Internet Explorer 6
  • Internet Explorer 7
  • Internet Explorer 11 /!\不支持的版本(不能使用它;大呐喊,我有浏览器)

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

Firefox曾经被支持,但我现在没有看到它。 可能正在隐藏。

我可以在浏览器版本之间并排比较。 我也可以比较一个图像,或者显然,一个PSD文件(不知道有多好)的作品。 InDesign会很好,但这可能要求太多。

由于Visual Studio Ultimate在同一台计算机上,我还部署了完整版本的Expression,因此,如果有人在评论中确认我的免费安装不会自动升级,我将不胜感激。

更新:看起来在线服务已经停止 ,但本地浏览器仍然受支持。 你也可以下载SuperPreview ,不用编辑器的垃圾。 如果您想要完整的IDE,最新版本是Microsoft Expression Web 4(免费版) 。 这是支持的浏览器的官方列表 。 IE6似乎给Windows 8.1的错误,但IE7的作品。

更新2014-12-09:微软几乎已经放弃了这一点。 不要指望它运作良好。