如何使用定期檢查來檢測作為瀏覽器擴充功能添加到網頁的元素？

作為瀏覽器擴充功能偵測網頁上的元素新增

要在向頁面新增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中文網其他相關文章！