如何检测扩展对DOM所做的更改?

时间:2019-03-21 05:45:49

标签: javascript dom google-chrome-extension mutation-observers

我们正在Intranet网站上工作,设置有些奇怪,目前,我们使用chrome扩展程序将帮助窗口插入当前页面。管理页面的团队正在寻找一种方法,以检测代码外对DOM所做的更改,因此,例如,当扩展程序实际插入iframe或文本框时,他们希望以浏览器中立的方式来完成此操作(我们仅支持Chrome,FF和Edge)。

起初,我们曾以为MutationObserver可以作为解决之道,但似乎并不能在文档外部运行javascript进行更改。我们尝试了其他一些技巧,例如使用css动画来尝试触发动画事件结束,但是当通过扩展甚至通过普通JS进行修改时,都没有触发,这很奇怪,因为我们可以观察到正在应用的动画。

我们的最后一个沟渠选项是轮询,但我们希望避免使用该选项。社区可以提供任何建议,还是在轮询我们的唯一路线?

此处提供了两种方法:https://blog.sessionstack.com/how-javascript-works-tracking-changes-in-the-dom-using-mutationobserver-86adc7446401

0 个答案:

没有答案