承诺后发生火灾

Question

我有一个像webproxy一样工作的项目。 使用它来更改其他站点。 （这部分很重要，我只能注入javascript代码，但不能更改网站本身的代码。）

我正在尝试修改React中创建的网站，但我做不到。 该网站通过api和promises获取内容。 所以我有问题：

如果我使用：

window.addEventListener('DOMContentLoaded', function () {

  document.getElementsByClassName ('content-class')[0].innerHTML="New Content";
});

内容尚不存在，无法正常工作

如果我使用：

window.onload = function() {
 document.getElementsByClassName ('content-class')[0].innerHTML="New Content";
}

内容显示一段时间后，它可以工作。

我试过了

var content = document.getElementsByClassName('content-class')[0];

content.addEventListener ('load', function() {

    document.getElementsByClassName('content-class')[0].innerHTML="New Content";

});

也不成功

我该如何解决？ 完成所有承诺后，有什么方法可以触发事件？

或者检测该元素是由Promise创建的，并触发一个事件。

Answer 1

据我所知，没有办法跟踪React应用程序中发生的承诺

但是，现代浏览器的确具有变异观察器api developer.mozilla.org/en-US/docs/Web/API/MutationObserver ，可用于检测react应用对DOM所做的更改