Come rintracciare il cambiamento DOM nell'estensione di Chrome?

Question

Sto scrivendo un'estensione di cromo dove voglio recuperare tutte le immagini presenti su una pagina ma alcune delle immagini si caricano dopo un po 'di tempo (potrebbe passare attraverso ajax) che non ho potuto recuperare una volta che il DOM è inattivo. C'è un modo per rintracciare la modifica del DOM dopo che la pagina è stata caricata?

Answer 1

È possibile utilizzare document.addEventListener con l'evento DOMNodeInserted. Il callback dovrà verificare l'inserimento di ogni nodo per vedere se è il tipo di nodo che si sta cercando. Qualcosa come il seguente dovrebbe funzionare.

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