Rozszerzenie Chrome: Modyfikuj DOM przed wczytaniem

Question

Moje rozszerzenie Chrome powinno zmodyfikować element DOM, zanim DOM zostanie w pełni skonstruowany, iw najlepszym wypadku zaraz po skonstruowaniu tego elementu DOM.

Na przykład, jeśli mam dokument w moim dokumencie, chcę poczekać, aż zostanie on skonstruowany, a następnie bezpośrednio go zmodyfikować, zanim skonstruuje się resztę DOM.

Ale udało mi się uzyskać dostęp do DOM tylko przed zbudowaniem elementu i po zbudowaniu całego DOM.

Jak mogę słuchać konstrukcji specjalnego elementu?

Answer 1

Możesz użyć document.addEventListener z wydarzeniem DOMNodeInserted. Węzły zostaną zbudowane i będziesz miał szansę ich zmodyfikować, zanim zostaną wstawione do DOM. Powinno zadziałać coś takiego.

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