google-chrome-extension - 如何跟踪 chrome 扩展中的 DOM 变化？

Question

我正在编写一个 chrome 扩展，我想获取页面上存在的所有图像，但一些图像在一段时间后加载(可能通过 ajax)，一旦 DOM 空闲，我就无法获取。有没有办法在页面加载后跟踪DOM变化？

Answer 1

您可以使用 document.addEventListener与 DOMNodeInserted事件。您的回调必须检查每个节点插入以查看它是否是您要查找的节点类型。像下面这样的东西应该可以工作。

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