IE8 错误的远程页面渲染答案

【问题标题】：IE8 bad remote page renderIE8 错误的远程页面渲染
【发布时间】：2012-07-25 23:33:39
【问题描述】：

这可能与 ExtJS 无关，但我必须提供所有信息才能得到正确的答案：D。

我有一个使用 ExtJS 4.1 来显示一些网格面板的应用程序。

当我在 localhost 上运行应用程序时，一切看起来都正常。

当我在远程服务器上部署应用程序时，在 IE8 中不再按要求显示网格：所有信息都挤在表格中，与列对齐无关（列标题很好，但其他单元格是重叠）。

为了让事情更笼统：

相同的应用程序在 localhost 上运行良好（无论在哪台计算机上），但是当我将它部署在服务器上时，IE8 无法正常显示。发生这种情况是因为 CSS 或 JavaScript 文件（可能都与 ExtJS 有关）。

为什么？

【问题讨论】：

听起来像是丢失或旧的缓存文件问题......要么，要么 IE 进入兼容模式，因为它从本地移动到 Intranet（我以前见过这种情况-- Intranet 策略出于某种原因默认为兼容模式）。
@TimMedora 我如何检查这个（兼容模式）？我 100% 确定这不是因为缓存中有一些旧文件，因为我已经清除了几次。
工具 -> 兼容性视图设置
@TimMedora 是的，就是这样。万分感谢。几天来，我一直在努力寻找解决方案。请发布答案，以便我接受。再次感谢！
@TimMedora 更重要的是，我怎样才能从 javascript 的 html 覆盖这些设置？告诉整个公司进行此更改以正确查看我的应用程序会很奇怪......

标签： javascript css internet-explorer-8

【解决方案1】：

根据 OP 的要求，将此作为答案发布：

默认情况下，IE 运行时为 Intranet 站点启用了兼容性视图。其原因可能是大多数使用 IE 的 Intranet 站点都是专门为 IE 编写的，因此当 IE 开始更严格地遵守标准时就会崩溃。

这可能会导致在本地查看的内容与在 Intranet（和 Internet）上查看的内容有所不同。这可以通过 Windows 组策略全面更改；有些组织可以接受这一点，有些组织不能/不会做出改变。

如果声明 meta http-equiv="X-UA-Compatible" content="IE=edge" 不能解决问题（如 cmets 中所述），我将首先检查兼容性视图实际上是问题。

其他可能性
我假设您有正确的文档类型（例如 HTML 5 或 HTML 4 strict，尽管我相信其他人也可以正常工作）。这与“X-UA-Compatible”声明结合使用。

格式错误的标记会触发 Quirks 模式，这在几乎任何情况下看起来都很糟糕。情况可能并非如此，因为它在本地看起来不错，但很容易检查。确保您的文档是合理的valid 并且——更重要的是——在 DTD 之前没有前导字符（这会使解析器感到困惑）。不正确的服务器代码可能会导致数据在 HTML 之前写入响应流，从而导致此行为。

最后，将问题简化为最简单的形式，即找到导致行为的最基本标记。如果这没有给您任何见解，请将损坏的代码发布到 JS Fiddle 中。

【讨论】：

是的，是“兼容模式”导致了这个问题。我会看看能做些什么。谢谢！

【解决方案2】：

如果是IE8，进入开发者工具文档模式，可能会进入怪癖模式。

【讨论】：