Chrome 未加载样式表

Posted

技术标签:

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

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

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

它最终看起来像这样(您可以在顶部栏中看到网址):

[click for full size]

我有 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”吗?

【讨论】:

Shift + Command + R 在我的情况下(苹果 mac 键盘),但仍然加载与我的屏幕截图相同。 为我工作。谢谢。【参考方案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

【讨论】:

以上是关于Chrome 未加载样式表的主要内容,如果未能解决你的问题,请参考以下文章

Google App Engine、Jinja2 CSS 样式表未加载 (404)

Chromebook 上的 Chrome 无法从 CDN 加载样式

Chrome 用户代理样式表覆盖我的网站样式

Laravel 5 样式表和脚本未为非基本路由加载

由于 MIME 类型而未加载样式表

由于 MIME 类型而未加载样式表