如何跟蹤Chrome擴展中的DOM更改？

Question

我正在編寫一個Chrome擴展，我希望獲取頁面上存在的所有圖像，但是一段時間後可能會加載一些圖像（可能通過ajax），一旦DOM空閒，我無法獲取圖像。在頁面加載後有什麼方法可以跟蹤DOM變化嗎？

Answer 1

您可以使用document.addEventListener和DOMNodeInserted事件。您的回調將不得不檢查每個節點插入，以查看它是否是您正在查找的節點的類型。像下面的東西應該工作。

function nodeInsertedCallback(event) { 
    console.log(event); 
}; 
document.addEventListener('DOMNodeInserted', nodeInsertedCallback);