Chrome 未加载样式表答案

【问题标题】：Chrome not loading StylesheetChrome 未加载样式表
【发布时间】：2011-11-29 14:37:39
【问题描述】：

Google Chrome 似乎没有按照样式表显示我的网站。

当页面第一次加载时，它可以正常加载...但是在页面加载结束时它会变为原始 html 格式。

它最终看起来像这样（您可以在顶部栏中看到网址）：

我有 2 个样式表，一个是“替代”，用户可以通过单击站点右上角的亮/暗按钮在其之间进行切换。

为什么会这样？我以前从来没有遇到过问题。

我的规格：Mac OS X 和 Google Chrome 14.0.835.186

【问题讨论】：

对于它的价值，这个问题由于过于本地化而被关闭是完全的废话。这是一个影响多个 Chrome 版本和操作系统的用户的问题。无论如何，很可能是 HTTPS Everywhere 导致了此问题，如下面的一个答案所述。
我同意这应该重新打开。我有同样的问题，这就是为什么我能够回答它。在查看带有 ABP + HTTPS 无处不在的扩展的 XKCD 时，它影响了我。
在我们的例子中，我们在请求 css 时返回了错误的内容类型。请求：Accept:text/css,/;q=0.1，响应：Content-Type:text/plain。最终切换托管服务提供商来修复它.. 太糟糕了 chrome 不够聪明，无法在看到 .css 时知道它..
我也有同样的问题，而且只在 MacOS 上（Windows 上相同的 Chrome 版本没有这个问题）。到目前为止，我唯一知道的是，使用 Chrome 的 DevTools 删除 css 文件开头的 cmets 似乎可以解决问题。即使我不知道为什么会这样，也许这会有所帮助。

【解决方案1】：

我在 OS X 上使用与您相同的 Chrome 版本进行了尝试，并且所有内容都针对深色和浅色版本正确呈现。这对您来说可能是一个缓存问题。重新加载页面时按住 shift 键。这将强制浏览器获取所有资源并忽略缓存的版本。

【讨论】：

这是我尝试的第一件事，没有运气。我还从 chrome 选项中清除了“时间开始”的浏览数据，结果相同。
打开网络检查器并转到网络选项卡。重新加载时，您会看到正在下载哪些资源。
我能想到的唯一另一件事是某些 JavaScript 正在破坏该网站。您可以尝试将它们逐个注释掉。（它对我来说没问题的事实表明情况并非如此）
嘿，这是一些javascript。它位于此文件中：pastebin.com/raw.php?i=BcRd6VPs 我不太擅长 javascript，您能找出问题所在吗？

【解决方案2】：

可能是您这边的缓存问题。可以试试“Shift+Ctrl+R”吗？

【讨论】：

【解决方案3】：

您是否安装了 HTTPS + Adblock？如果是这样，我发现当主站点没有或有限的 https 支持时，点击谷歌搜索结果通常会产生这种行为。

例如，当我搜索并点击 XKCD 漫画时，我注意到这些扩展的相同行为。

暂时在所有地方禁用 https，或者重新输入没有 https 的 URL 似乎可以为我解决这个问题。

【讨论】：

我没有无处不在的 HTTPS，而且两个链接都无法在随机网站上为我加载 CSS...
为什么 adblock 会对我服务器的一个目录中的样式表执行此操作，而不是在另一个目录中？在样式表加载失败的目录下，index和样式表在同一个目录下。我应该添加一些标题吗？其他原因？
在 google chrome 中禁用“AdBlock”扩展后，一切正常。谢谢。
“avast！在线安全”在 UserVoice 上用这个咬了我。

【解决方案4】：

在我朋友的笔记本电脑上，这是由一些 DNS 问题引起的。将 DNS 更改为 8.8.8.8 后一切正常。

【讨论】：

【解决方案5】：

将 css 字符集更改为 UTF8。它解决了我的问题。

【讨论】：

【解决方案6】：

遇到同样的问题，花了几个小时在圈子里转来转去，想知道“我到底做了什么！”，我尝试了这个网站和许多其他网站的许多建议，但对我有用的东西，我觉得有点愚蠢后来因为没有尝试，所以禁用了 chrome 的广告拦截器，然后按 shift+f5 并解决了问题。

【讨论】：

【解决方案7】：

我遇到了这个问题。当我添加一个 Chrome 扩展“Akamai 调试头”时，它就开始了。这会导致随机网站的 CSS 无法加载并显示 CORS 错误。

我关闭了扩展程序，一切又恢复了。

所以也许禁用所有扩展，然后测试 Chrome

【讨论】：