【发布时间】：2018-05-26 20:55:05
【问题描述】：
我希望将一些纯 JavaScript（请不要使用 jQuery）注入网站以确定所有资源（HTML、CSS、脚本、图像等）何时已完全加载。该网站使用 AJAX，因此一个简单的加载事件侦听器是不够的，因为所有外部资源都由 XMLHttpRequests 加载。
我在 StackOverflow 上找到的所有问题都没有帮助，因为它们都使用 jQuery，而且这个网站不使用 jQuery，因此我的方法仅限于纯 JavaScript。
我考虑过的一种方法是在图像加载完成时进行跟踪，但是 a) 我不知道是否可以通过这种方式跟踪通过 Ajax 加载的图像 b) 我不确定如何跟踪这个.任何帮助表示赞赏！
【问题讨论】：
-
我认为没有任何方法可以做到这一点。 AJAX 请求甚至不必加载任何资源。
-
是否有特定的资源需要等待？你可以测试一下。
-
@Barmar 是的，我正在等待加载特定的 json 文件
-
您可以使用
setInterval()运行一个定期检查相关元素是否已添加到DOM 的函数。或者您可以使用MutationObserver。
标签： javascript ajax image xmlhttprequest code-injection