如何检测浏览器扩展中添加的新元素？

检测浏览器扩展中的页面元素添加

浏览器扩展面临着在不直接访问源代码的情况下监控动态网页的挑战。检测何时将新元素添加到页面对于实现各种功能至关重要。

监视元素添加

要监视元素添加，可以考虑使用 setInterval() 来反复搜索目标元素。然而，这种方法效率低下，浪费 CPU 资源。

Mutation 事件：已弃用的选项

Mutation 事件曾经用于检测 DOM 更改，但现在已弃用。这使得连续检查成为唯一可行的选择。

连续检查

以下代码片段实现连续检查：

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

  // Recursively call the function every 100 milliseconds
  setTimeout(checkDOMChange, 100);
}</code>

此函数将以 100 毫秒的间隔持续监控 DOM 的变化。它提供了一种可靠的方法来检测浏览器扩展中的元素添加，尽管存在潜在的性能影响。

以上是如何检测浏览器扩展中添加的新元素？的详细内容。更多信息请关注PHP中文网其他相关文章！