检测所有CSS规则何时已被应用和绘制

Question

在呈现网页的过程中，在加载样式表的时间与应用样式表中的所有规则以及完成绘制之间存在延迟。

这种延迟取决于样式表的大小和规则的复杂性。

是否有可靠的方法来检查油漆过程何时已经完成？

备注:我正在寻找一种方法，当规则被动态应用时，也就是当新的样式表被添加到页面或者当样式被JavaScript修改时，它也能工作。因此，document.onload在这里不是一种选择。

上下文：我正在开发一个大规模的单页应用程序，它可以动态加载样式表。为了避免非样式内容的闪存，我展示了一个旋转器，我需要确切地知道什么时候隐藏它。

Answer 1

我认为最可靠的解决方案是在css加载事件之后添加一个小延迟。

类似于这个伪代码：

myCssTag.onload(function(){
    setTimeout(doStuffAfterRender, 100);
});