在现代浏览器中检测 CSS <link> 的负载

Question

我正在寻找有关检测<link> 元素被现代浏览器完全加载和解析的更多信息。

我已经进行了大量的研究，但我发现的一切都相当陈旧。

例如，我发现了这个 SO 帖子，How to determine if CSS has been loaded?。它引用了一篇博客文章 found here，其中引用了 Webkit、Chromium 和 Mozilla 的各种错误报告。但是，所有这些错误都已得到解决并标记为已修复。 （参考：here、here 和 here）

查看 MDN 在链接上的文档 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#Stylesheet_load_events，他们的文档暗示使用 onload 就足够了，但他们没有提供任何关于它对旧浏览器的支持类型的额外 cmets。

我的问题很简单：

如果我只针对常青浏览器 -- 使用 onload 事件处理程序是否足以检测 CSS 文件是否已加载？如果没有，请提供有关特定浏览器/浏览器版本需要哪些补丁的文档。

Answer 1

在您的 CSS 中使用（临时）花哨的背景颜色。 如果它被加载，它将立即显而易见。 稍后可以将其注释掉，就像在 C/C++ 中一样， 测试

background-color: lime;

部署

/*
background-color: lime;
 */
background-color: pale-blue;