儘管突變事件已棄用，但如何檢測瀏覽器擴充功能中的 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中文網其他相關文章！