如何使用定期检查来检测作为浏览器扩展添加到网页的元素？

作为浏览器扩展检测网页上的元素添加

要在向页面添加 DOM 元素时通知自己，请考虑以下方法：

选项 1：DOM 突变事件（已弃用）

之前，突变事件提供了一种监控 DOM 更改的方法。然而，它们在 2012 年被弃用，无法使用。

选项 2：定期检查

由于网页的独立性以及无法在同一版本中修改其源代码浏览器扩展上下文中，定期检查仍然是唯一可行的解​​决方案。

实现函数 checkDOMChange() 来：

• 持续检查是否插入或特定的新元素正在修改的节点。
• 每 100 毫秒（1/10 秒）递归调用 自身，以确保持续监控。

<code class="python">function checkDOMChange() {
    // Check for element insertion or node modification

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

注意：虽然定期检查可能不如实时观察那么有效，但对于大多数即时通知并不重要的用例来说应该足够了。

以上是如何使用定期检查来检测作为浏览器扩展添加到网页的元素？的详细内容。更多信息请关注PHP中文网其他相关文章！