IE 不加载超过 30 个样式表（drupal）？答案

【问题标题】：IE doesn't load more than 30 stylesheets (drupal)?IE 不加载超过 30 个样式表（drupal）？
【发布时间】：2011-07-25 15:41:38
【问题描述】：

我有一个页面调用了大约 32 个样式表。在另一个页面上，它调用

编辑：另外，我知道拥有超过 30 个并不是很好，但我们的网站最初就是这样开发的。我们有一堆使用“drupal_add_css”添加样式的主题和模块。

我尝试通过转到 admin/settings/performance 来压缩 css，但样式表链接不起作用，因为我们正在使用测试站点的端口号 (http://mysite:123) 并且生成的链接是 @ 987654321@

【问题讨论】：

“我有一个页面调用了大约 32 个样式表。” =这是主要问题。你真的应该有 1 个样式表。
虽然我同意，但这是一个交给我工作的网站，它有很多模块和主题一起工作。
实际限制为 31。 IE10 将此限制增加到 65534。blogs.msdn.com/b/ieinternals/archive/2011/05/14/…
我同意拥有
@DA，这是一个相当无益的评论。有些人在开发时不会在每次编辑后重新运行他们的 JS/CSS 最小化器/压缩器。这也是讨厌 IE 的另一个原因。

标签： css internet-explorer drupal

【解决方案1】：

您可以使用 admin/settings/performance 并将 Optimize CSS 设置为 true。这将输出 1 个 css 而不是 32+。如果您正在开发并希望它在 IE 中工作，则需要在更改 css 后清除缓存。我们倾向于在开发中将其关闭，而仅在 IE 中进行测试或用于生产时才打开它。

一切顺利，余烬

回答艾莉森的评论（评论块太长）

嗨，艾莉森 C，

我从未尝试将端口用于带有 Drupal 的站点。我建议确保您网站的 settings.php 设置正确。您的文件夹可能需要一个特殊名称（请参阅 settings.php 顶部的说明），或者您可能需要检查 $base_url 并确保它具有端口。

如果这不起作用，有一个用于在开发时缓存 css 的模块 (http://drupal.org/project/ie_css_optimizer)。我没有使用它，但至少对于您的情况，它的工作方式可能会有所不同。（输入此内容后，我注意到另一个用户也推荐了它）。

我一直假设您仍在开发中，我会在上线之前删除 ie css 优化器模块（或至少将其关闭），因为它主要是开发者助手。我想这是我知识的极限。祝你好运！

--灰烬

【讨论】：

当我们这样做时，现在出现的样式表链接无效。当我尝试访问它时，它说找不到页面。
嗨，AlisonC，您是否在更改设置后清除了 Drupal 缓存？此外，请清除您的 IE 缓存，以防它保留 url 的内容。我们通常不使用站点的端口，我们只是使用测试域名，所以我不确定端口号会如何干扰。 --余烬
不是缓存，而是提供给样式表的链接不包含端口号，所以不会加载。
我修改了includes/common.inc来改变端口号。现在它正在压缩 css，一切似乎都在工作。

【解决方案2】：

这是 IE 的一个已知限制 - 任何给定页面上的样式表不能超过 31 个。

参考资料：

唯一真正的解决方案是合并样式表，从而减少单独的 CSS 文件（使用 Drupal 的“优化 CSS”选项）。但我承认，如果您尝试调试代码等，这可能会很痛苦。

事实上，可能将超过 31 个样式表加载到 IE 中，但是对于超过 31 个，您需要通过另一个 CSS 文件中的 @import 行来完成。这在 Drupal 站点的上下文中是不可能的，其中每个样式表都由一个模块添加，并且您无法真正控制 Drupal 如何将它们添加到页面。

【讨论】：

【解决方案3】：

它们是如何加载的？ 30 个人 <link href="blahblah.css"> 电话？或者来自其他带有@import 指令的样式表？请记住，如果出现语法错误，样式表的进一步处理将失败。

【讨论】：

它们使用

【解决方案4】：

http://drupal.org/project/ie_css_optimizer ...是我们使用的。启用 CSS 优化后，主题调试很痛苦。 D7 使用此模块实现的 @import 方法来解决此问题。

【讨论】：

【解决方案5】：

实际上有一个模块可以处理这个问题。我没有亲自使用过它，但它确实有 5K+ 用户（Drupal 6）。

【讨论】：