html - 在极少数情况下，外部样式表不会下载或不会应用

Question

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

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

不幸的是，我无法重现这个问题，除了只是说“样式没有被应用”之外，我正在准备一个详细的解释，我很想自己理解它。

我将不胜感激任何关于为什么会发生这种情况的意见，或引用任何文章。即使有人知道这个事件叫什么，我也很乐意去研究它，但到目前为止我一无所知。

Answer 1

发生这种情况的情况不止一种:

1) 带宽问题:正如 italo.nascimento 提到的，连接速度慢，您的 HTML 已下载但 CSS 已超时，因此您只剩下一个裸露的 HTML 页面(经常发生也当网站处于 DoS 下或有很多访问者并且服务器无法跟上流量时)

2) 缓存问题:您的 HTML 中发生了某些更改，但 CSS 是从浏览器的本地缓存提供的，因此选择器不匹配...

3) FOUC :除非打印屏幕是在页面加载期间制作的，否则它与您的要求并不十分相似。它被称为 Flash of Unstyled Content。

一般来说，90% 的此类问题都是由连接问题引起的。丢弃的数据包、超时、CDN 无法正常工作。由于它们是随机的，我认为您无法“重现它们”——这不是可以修复的问题。