外部样式表要么不下载，要么在极少数情况下不应用

Question

我记得一些非常罕见的例子，看到主要网站（亚马逊，Facebook等）要么没有下载CSS文件，要么没有应用规则，导致页面看起来像这样：

我们的任务是在我们收到投诉电子邮件后提供内部解释，其中包含来自我们其中一个网站的用户的屏幕截图，显示相同的效果。屏幕截图包含敏感的用户信息，因此我无法发布。但它显示正在应用内联样式，但未应用从外部CSS文件引用的任何样式。

不幸的是，我无法重现这个问题，除了说“样式没有被应用”之外，我还会详细解释，我很想了解它。

我很感激为什么会发生这种情况或参考任何文章的任何意见。即使有人知道这个事件被称为什么，我也很乐意去研究它，但到目前为止，我还是一片空白。

Answer 1

可能会出现多种情况：

1）带宽问题：正如italo.nascimento所提到的，一个缓慢的连接，你的HTML被下载，但你的CSS超时，所以你留下了一个裸的HTML页面（经常发生）当网站处于DoS或拥有许多访问者且服务器无法跟上流量时也是如此）

2）缓存问题：HTML中的内容已更改，但CSS是从浏览器的本地缓存中提供的，因此选择器不匹配...

3） FOUC ：它与你所要求的并不相似，除非在页面加载期间制作了打印屏幕。它被称为Flash of Unstyled Content。

一般来说，90％的这类问题是由连接问题引起的。丢包，TimeOuts，CDN无法正常工作..而且因为它们是随机的我不认为你可以“重现它们” - 它不是可以修复的东西。

Answer 2

在主要网站上发生了很多次。

大多数情况下，它发生在互联网连接非常慢或振荡时，因此文件无法从服务器正确加载（包丢失），并且网站以纯HTML显示。也许您可以通过限制带宽和重新加载页面来重现它。