当第 3 方更改 DOM 时，防止我的 Elm 应用程序崩溃

Question

我有一个 Elm 应用程序。不久前，当我使用 FontAwesome 图标时，我意识到我的应用程序在本地崩溃。我开始明白这是因为我选择了 SVG 图标，因此 FontAwesome 正在修改 DOM。这与 Elm 的 VDOM 机制相冲突。

这很容易修复——我迁移到使用伪元素的 FontAwesome 的 CSS 版本。最近一些用户抱怨生产中的应用程序冻结，他们展示了与我拥有的日志数据不匹配的状态屏幕截图。过了一段时间，我才意识到所有这些用户都让谷歌翻译自动为他们翻译了页面。谷歌翻译显然改变了 DOM，所以我对它让 Elm 崩溃并不感到惊讶。

如何防止我的 Elm 应用程序崩溃？如果第 3 方更改了 DOM，有没有办法收到通知？这样我什至可以通知用户他们有一个干扰应用程序的扩展程序。

Answer 1

我不知道如何防止崩溃，但我认为您应该能够使用当前的突变观察者 API注册对 DOM 的更改。

在此之前，有几个类似的已弃用的突变事件DOMSubtreeModified也可能有所帮助，但它们已被弃用。