尽管突变事件已弃用，但如何检测浏览器扩展中的 DOM 元素添加？

观察浏览器扩展中的 DOM 元素添加

现代浏览器环境不建议使用突变事件，这使得检测新元素何时出现变得困难在浏览器扩展场景中添加到 DOM 中。为了解决这个问题，另一种方法是通过 setInterval() 函数进行连续监控。

使用 setInterval() 进行监控

以下代码示例演示了如何使用 setInterval() 实现连续监控：

<code class="javascript">function checkDOMChange() {
  // Check for any new elements being inserted or modifications.

  // Schedule the next iteration in 100 milliseconds.
  setTimeout(checkDOMChange, 100);
}</code>

该函数启动一个循环，检查 DOM 更改并每 100 毫秒安排下一次迭代。 1/10 秒的间隔应该足以满足大多数非实时观察需求。

其他注意事项

虽然 setInterval() 方法提供了可行的解决方案，重要的是要考虑其对性能的潜在影响。持续的 DOM 轮询会消耗大量的 CPU 资源，导致用户不满意。因此，根据您的扩​​展的具体要求定制监控频率至关重要。

以上是尽管突变事件已弃用，但如何检测浏览器扩展中的 DOM 元素添加？的详细内容。更多信息请关注PHP中文网其他相关文章！