检测DOM加载完成

如何解决检测DOM加载完成

我正在运行基于 React 的单页应用程序。有没有办法检测 DOM 何时完成加载？有没有相关的事件？ 我设法找到了 LargestContentfulPaint 但这似乎并没有完成这项工作（或者是它并且我使用的都是错误的？）。我还设法找到了 window.onpaint，但该 API 似乎已被弃用。此外，我还尝试过“DOMContentLoaded”，但由于某种原因它没有产生任何结果......

感谢您的帮助！

解决方法

您可以尝试 window.onload，它在运行之前等待资源加载。

,

在浏览了许多可能的 API 并尝试了它们之后，我设法找到了用于检测文档中的突变的“MutationObserver.observe()”API（使用 MDN 的文档示例）：

timestamp

我不确定它是如何工作的，但是这个事件似乎很好地跟踪了我的应用程序中的视觉变化。希望它可以帮助除我以外的任何人！