AngularJS 的 IE-Edge 兼容模式问题答案

【问题标题】：IE-Edge Compatible mode issue with AngularJSAngularJS 的 IE-Edge 兼容模式问题
【发布时间】：2016-08-11 02:24:26
【问题描述】：

一旦部署到更高的环境，我的 AngularJS Web 应用程序在开发环境中运行良好。在 IE Edge 中运行/浏览应用程序时，应用程序默认选择 8，而我的应用程序无法运行，因为 IE 8 不支持 AngularJS。

因此尝试更改元标记以覆盖我的代码中的兼容视图设置，如下所示

试炼一

 <!DOCTYPE html> 
    <html> 
      <head> 
        <meta http-equiv="X-UA-Compatible" content="IE=edge">

在这里，我尝试了所有可能的选项，例如
IE=edge,11,EmulateIE11,10,EmulateIE10,9,EmulateIE9

试炼2

 <system.webServer>
     <httpProtocol>
        <customHeaders>
           <add name="X-UA-Compatible" value="IE=edge" />
        </customHeaders>
     </httpProtocol>
  </system.webServer>

我尝试了所有可能的方法，但在默认情况下浏览应用程序时，它选择了 IE 模式 8 并且应用程序无法正常工作。

注意： 这是一个在 IE 中启用了兼容设置的 Intranet 站点。在将 IE 从 10 升级到 11 之前，应用程序已启动并正常运行，没有任何覆盖兼容性代码。

默认情况下，我的托管环境具有兼容的视图设置，因此我试图通过上述试验覆盖默认设置，但没有运气。在 Fiddler HTTP 响应标头中，我可以看到 X-UA-Compatible 边缘，在查看源代码中我可以看到：

<html> 
  <head> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

仅供参考 https://github.com/MicrosoftEdge/MicrosoftEdgeLauncher/issues/14

【问题讨论】：

该网站可在除 EDGE 之外的所有浏览器中运行
看起来这是在“Edge”模式下运行的“Internet Explorer”，而不是仅在 Windows 10 上可用的“Microsoft Edge”。
组级别策略（Intranet 应用程序的组织级别设置）覆盖 html 或 webconfig 或 IIS 响应头设置中的设置。解决了我的问题

标签： angularjs html asp.net-mvc-4 internet-explorer cross-browser

【解决方案1】：

我昨天遇到了这个问题。浏览了很长一段时间它为什么会发生。用我的本地主机应用程序服务器测试时效果很好，但是当我将它移到服务器机器上进行内网访问时，它开始在 IE 中失真。我意识到，每当启动 IE 时，默认情况下所有 Intranet 页面都会以兼容模式 IE7 启动。

尝试使用<meta http-equiv="X-UA-Compatible" content="IE=edge"> 作为第一个元标记，它对我有用。

很高兴看到您通过更新组策略设置解决了问题。

【讨论】：