我在 Glassfish 2.1 上使用 JSF 2.0 和 RichFaces 3.3.3。我创建了一个带有模式面板的 Web 应用程序，该面板在我的计算机（本地服务器）中运行良好。由于特定 RichFaces 版本的 IE9 不兼容，我在 HTML 头中使用了X-UA-Compatible: IE=8 元标记：
<meta http-equiv="X-UA-Compatible" content="IE=8" />
当我在本地环境中部署时，模态面板如下所示：
但是当我在生产服务器中部署时，我遇到了问题。
如果我使用带有兼容性视图的 IE
（来源：geneanet.org）
，我的模态面板如下所示：
如果我不使用兼容性视图，我会看到模态面板，但我的所有 ajax 按钮都不起作用。
这是怎么引起的，我该如何解决？
【问题讨论】：
标签： jsf-2 internet-explorer-9 richfaces
来自 IE 开发者文档，Defining Document Compatibility：
...
X-UA-Compatible标头不区分大小写；但是，它必须出现在网页的标题中（HEAD 部分）在除标题元素和其他元元素之外的所有其他元素之前。...
RichFaces 3.3.3 默认自动包含<link> 元素，这些元素指的是头部非常顶部 中的RichFaces 特定CSS 样式表，之前 原始<head> 模板内容。因此，HTML <meta> 元素风格的 X-UA-Compatible 标头总是无法在 RichFaces 3.3.3 web 应用程序中工作。它在您的本地开发环境中运行良好很可能是因为您已将 localhost 站点添加到浏览器配置中的 IE8 兼容站点列表中。那么X-UA-Compatible 标头的存在就不再重要了。
最好的办法是直接在 HTTP 响应本身上设置 X-UA-Compatible 标头，而不是作为 HTML 元标记。你可以用一个简单的servlet filter 来做到这一点，它映射在FacesServlet 上并执行以下工作：
@Override
public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
((HttpServletResponse) response).setHeader("X-UA-Compatible", "IE=8");
chain.doFilter(request, response);
}
【讨论】：