如何跟踪Chrome扩展中的DOM更改？

Question

我正在编写一个Chrome扩展，我希望获取页面上存在的所有图像，但是一段时间后可能会加载一些图像（可能通过ajax），一旦DOM空闲，我无法获取图像。在页面加载后有什么方法可以跟踪DOM变化吗？

Answer 1

您可以使用document.addEventListener和DOMNodeInserted事件。您的回调将不得不检查每个节点插入，以查看它是否是您正在查找的节点的类型。像下面的东西应该工作。

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