¿Cómo rastrear el cambio de DOM en la extensión de Chrome?

Question

Estoy escribiendo una extensión de cromo donde quiero buscar todas las imágenes existentes en una página, pero algunas se cargan después de un tiempo (puede ser a través de ajax) que no pude recuperar una vez que el DOM está inactivo. ¿Hay alguna manera de rastrear el cambio DOM después de que se carga la página?

Answer 1

Puede usar document.addEventListener con el evento DOMNodeInserted. Su devolución de llamada tendrá que verificar cada inserción de nodo para ver si es el tipo de nodo que está buscando. Algo como lo siguiente debería funcionar.

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