看起来Google Chrome没有按照样式表来显示我的网站。
当页面首次加载时，它正常加载...但在页面加载结束时它会改变为原始html格式。
最终看起来像这样（您可以在顶部栏看到网址）：
[点击查看完整尺寸]
我有两个样式表，一个是“备选”的，用户可以通过单击网站右上角的“浅色/深色”按钮进行切换。
为什么会出现这种情况？我以前从未遇到过这样的问题。
我的规格：Mac OS X和Google Chrome 14.0.835.186
Chrome无法加载样式表。
21
- GreatestSwordsman
4
11就我所知，关闭这个问题是因为“过于局部化”这个理由，但实际上这完全是胡扯。这个问题影响了使用多个 Chrome 版本和操作系统的用户。无论如何，可能是 HTTPS Everywhere 导致了这个问题，正如下面的一个答案所述。 - 0xff0000
我同意应该重新打开这个问题。我曾经遇到过同样的问题，这也是我能够回答它的原因。当我使用ABP + HTTPS Everywhere扩展程序查看XKCD时，它影响了我的浏览。 - Mittenchops
在我们的情况下，当请求css时，我们得到了错误的内容类型。请求：Accept:text/css,/;q=0.1，响应：Content-Type:text/plain。最终不得不更换托管提供商来解决问题。太糟糕了，Chrome看到.css时并不聪明。 - MonkeyD
我也有同样的问题，只在MacOS上出现（Windows上相同版本的Chrome没有这个问题）。到目前为止，我唯一知道的是使用Chrome的DevTools删除CSS文件开头的注释似乎可以解决这个问题。也许这会有所帮助，即使我不知道为什么会这样。 - Niklas P
7个回答
16
你是否安装了“HTTPS Everywhere + Adblock”？如果是的话，当主站点没有或只有有限的https支持时，通过Google搜索结果时往往会出现这种情况。
我发现使用这些扩展程序时，例如搜索并点击XKCD漫画时也会出现同样的情况。
临时禁用HTTPS Everywhere，或重新输入URL而不使用https似乎可以解决这个问题。
- Mittenchops
4
1我没有安装HTTPS Everywhere，因此在某些随机网站上，这两个链接经常无法加载CSS。 - Shackrock
为什么Adblock会在我的服务器的一个目录中为样式表执行此操作，但不会在另一个目录中执行此操作？在样式表无法加载的目录中，“index”和样式表位于同一目录中。我应该添加某些标头吗？还是有其他原因？ - 1252748
2在谷歌浏览器中禁用“AdBlock”扩展后，一切都正常了。谢谢。 - Vinay Jeurkar
"avast! Online Security" 在 UserVoice 上抓住了我的注意。 - Grault
6
也许是您这边的缓存问题。您可以尝试使用"Shift+Ctrl+R"进行刷新吗？
- Jhourlad Estrella
2
1在我的情况下（苹果Mac键盘），Shift + Command + R仍然加载与我的屏幕截图相同的内容。 - GreatestSwordsman
可以用。谢谢。 - JunM
2
我在使用与你相同版本的Chrome浏览器在OS X上尝试了这个操作，无论是暗色还是亮色版本都能正确呈现。可能是因为你的缓存出了问题。在重新加载页面时按住Shift键。这将强制浏览器获取所有资源并忽略缓存版本。
- John Keyes
4
那是我尝试的第一件事，但没有成功。我还从Chrome选项中清除了“始于时间的开始”的浏览数据，但结果相同。 - GreatestSwordsman
打开网页检查器并转到网络选项卡。当您重新加载时，您将看到正在下载哪些资源。 - John Keyes
我能想到的唯一可能是某些 JavaScript 代码破坏了网站。你可以尝试逐个注释掉它们。（但是，它对我来说正常工作的事实表明这不是问题所在） - John Keyes
嘿，这是一些JavaScript代码。它位于此文件中：http://pastebin.com/raw.php?i=BcRd6VPs。我不太擅长JavaScript，你能否识别问题？ - GreatestSwordsman
2
我曾经遇到过同样的问题，花了几个小时来回纠结，想着“我到底做错了什么！”我尝试了许多这个网站和其他网站上的建议，但最终解决我的问题的是禁用Chrome浏览器的广告拦截器，然后按下Shift+F5，问题得到了解决。
- sean
0
将CSS字符集更改为UTF8。这解决了我的问题。
- Kavin
0
在我朋友的笔记本电脑上，这是由于一些DNS问题引起的。将DNS更改为8.8.8.8后，一切都正常了。
- int_ua
0
我遇到了这个问题。当我添加了一个Chrome扩展程序“Akamai Debug Headers”时，会导致一些随机站点的CSS无法加载，并显示CORS错误。
我关闭了这个扩展程序，然后一切都恢复正常了。
所以也许可以禁用所有扩展程序，然后测试Chrome。
- vern funnell
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接