为什么 selectivizr.js 在 IE8 中会导致“白屏死机”？答案

【问题标题】：Why is selectivizr.js causing "white screen of death" in IE8?为什么 selectivizr.js 在 IE8 中会导致“白屏死机”？
【发布时间】：2011-03-13 10:24:08
【问题描述】：

包含 selectivizr.js 会导致 IE8 根本不显示/渲染任何内容，但 IETester 中的 IE8 可以管理。

它还会下载所有内容，我可以在活动栏和 DOM 检查器中看到。链接甚至在那里，我看到在导航区域周围移动光标时。但它根本不显示任何内容。

我通过大量搜索发现的唯一错误修复是将zoom: 1; 应用于正文，但对我的情况没有帮助。

如果我能获得任何调试帮助，我将不胜感激。 Page preview.

【问题讨论】：

它似乎不是用于 Javascript 而是用于 CSS 样式表。所以 jQuery 在这种情况下不会有帮助。
selectivzr 的用途与 jQuery 不同。它使 IE6-7-8 无需编写任何额外代码即可理解一些原本不会有的 css3 属性。
@yes123 他是使用 jQuery ...

标签： javascript internet-explorer-8 selectivizr

【解决方案1】：

本身不是解决方案，但作为一种解决方法，将 @font-face 声明移动到 <head>（即 not 将其放入 <link>ed 样式表中）似乎可以解决此问题在很多情况下。似乎与 selectivizr 如何解析带有 @font-face 声明的样式表有关。

我知道并不理想，但考虑到进一步的 selectivizr 开发似乎已经停滞（截至撰写本文时，GH 上的最后一次提交是 1 年前）在某些情况下可能是可以接受的。

【讨论】：

高五！这为我修好了！
github.com/keithclark/selectivizr/issues/… 上对该问题进行了很好的分析

【解决方案2】：

如果这个问题与 selectivizr 的字体问题有关，我已经创建了一个拉取请求来解决这个问题，基本上它会忽略不包含 '.css' 的 url。这解决了我们的 WSOD 问题。它可以在这里找到：

https://github.com/JohnCashBB/selectivizr

【讨论】：

我还添加了在标记上放置数据属性的选项，以指定样式表作为后备被忽略

【解决方案3】：

最新版本的 selectivizr (1.0.2) 修复了这个问题（寻找 WSOD）：https://github.com/keithclark/selectivizr/blob/master/changelog.txt。

编辑：即使更新到 1.0.2，我仍然遇到问题。 @font-face 和 selectivizr 之间发生了一些事情，即使它并非一直发生。见http://groups.google.com/group/ie-css3/browse_thread/thread/dcc21706fc009af8?pli=1。

【讨论】：

【解决方案4】：

IE8 也有同样的问题，使用最新版本的 jQuery 和 Selectivzr：我做了一个逆向工程，消除了其他所有内容，我发现问题源于字体规则。

【讨论】：

【解决方案5】：

在我看来，您在页面上确实有引用“jQuery”的代码在实际加载 jQuery 库之前。您的示例页面从引用该库的第一行代码（就在您的“关于”页面中）收到“预期对象”错误。

代码似乎正在为提交按钮设置“点击”处理程序。

不过，除此之外，预览页面在 IE8 中呈现，并且没有“白屏死机”。

edit — 在 IE7 中也可以正常工作（除了“预期对象”错误，当然还有相关的“提交”按钮）。

【讨论】：

谢谢。我已经将引用代码移到 jQuery 加载之后，这会导致它 not 加载。并且因为它不加载 IE8 现在呈现页面。看起来 selectivizr 没有找到元素。我得到 Line:5, Char:4214, Error: 'getElementById(...)' is null or not an object, Code: 0. 顺便说一句，我在 Mac 上的 WMWare 中的 WindowsXP 上。
@Eystein 如果您尝试使用库的“selectivizr-development”版本的页面可能会有所帮助，这样您就可以更清楚地看到错误的含义。