1

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

没有风格的 Facebook

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

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

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

4

2 回答 2

7

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

1)带宽问题:正如 italo.nascimento 所提到的,连接速度很慢,您的 HTML 已下载,但您的 CSS 已超时,因此您只剩下一个裸 HTML 页面(通常也发生在网站处于 DoS 之下或有很多许多访客和服务器跟不上流量)

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

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

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

于 2013-02-24T00:08:16.237 回答
2

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

大多数情况下,它发生在 Internet 连接非常缓慢或不稳定时,因此文件无法从服务器正确加载(包丢失)并且该站点以纯 HTML 显示。也许您可以通过限制带宽并重新加载页面来重现它。

于 2013-02-21T23:50:10.393 回答