IE11上部署网页的不同方面答案

【问题标题】：Different aspect of deployed webpage on IE11IE11上部署网页的不同方面
【发布时间】：2014-10-13 15:23:22
【问题描述】：

我开发了一个 java web 应用程序，它看起来不同，取决于我是从 localhost（tomcat6 和 windows）还是从服务器（tomcat6 和 linux）运行它。最好的结果是使用 chrome 或 firefox，其中 localhost 的页面与服务器上部署的网页相同。好像在远程服务器上使用 IE11 时，缺少 css（本地主机上的 IE11 很好，它有圆角和栏下的阴影）。

这 3 张图片均来自我在 Windows 7 上运行的机器：

我加载这个jsp来创建图片中的条：

<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
    <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1' />
    <link rel='stylesheet' type='text/css' href='${pageContext.request.contextPath}/css/styles.css' />
</head>

<body>
<br>
<table border="0" cellpadding="0" cellspacing="0" align="center" style="width: 90%;">
    <tr>
        <td width="18%">
            <div id='cssmenu' >
                <s:url action="logout.action" var="Esci" />
                <s:url action="inserisciRichiestaLDAP" method="back" var="menuAdmin" />
                <ul>
                   <li class='active'><s:a href="%{menuAdmin}"><span>Lista richieste</span></s:a></li>
                   <li class='last'><s:a href="%{Esci}"><span>Esci</span></s:a></li>
                </ul>
            </div>              
        </td>
    </tr>
</table>
</body>
</html>

为什么除了 IE11 之外一切正常？

【问题讨论】：

标签： html css jsp tomcat6 internet-explorer-11

【解决方案1】：

根据您提供的图像，您的 IE11 部署版本似乎在兼容性视图中呈现。（您可以使用 IE11 F12 开发者工具进行验证。）

这是根本问题。悬而未决的问题是什么迫使它？鉴于现有信息，很难说。

首先，确保已应用所有未完成的更新，因为某些更新会为 IE11 添加功能。 [1]

您的页面包含一个与 x-ua 兼容的元元素，并且它似乎被正确指定，所以我的预感是某些东西正在迫使远程服务器以不同的方式解释。 EMIE，也许？组策略？也许远程服务器的 URL 映射到 Internet 区域以外的安全区域？小精灵？根据现有数据很难说。

您也许可以从 F12 工具控制台窗口中获得提示。 [2] 如果做不到这一点，您也许可以使用 Fiddler 来捕获 HTTP 协商的跟踪。可能还涉及到另一个标头。

希望这会有所帮助...

参考资料：

[1] - http://msdn.microsoft.com/en-us/library/ie/dn798774(v=vs.85).aspx

[2] - http://msdn.microsoft.com/en-us/library/ie/dn423949(v=vs.85).aspx

【讨论】：

我按照你的建议，你是对的，使用 F12 我发现我的页面显示为 IE5 兼容性，当我切换到“边缘”时它看起来很好。也许我必须将标签 X-UA-Compatible 添加到包含我展示的 jsp 的页面中。我不认为这可能是浏览器缺乏更新，因为使用相同的浏览器本地主机上的页面很好。但是你说的是安全区域，是的，远程服务器的IP在一个认证代理覆盖的安全区域下。
我记得，页面中的 x-ua-compatible 应该推翻所有其他声明。话虽如此，一些边缘案例解析规则从未被记录在案。从服务器传送页面后，请尝试查看页面的源代码。 IIRC, 必须是页面的第一行，否则将被忽略。我还会调查其他途径，例如注册表黑客、组策略等。您需要了解服务器为何提供 HTML5 怪癖模式。此外，尝试添加 mark of the web 以强制页面进入 Internet 区域。可能有帮助。可能不会。
你说得对，标签在所有页面中都有兼容性问题，但问题是所有这个页面都在没有标签的其他页面内。所以标签不在html开头。