크롬 확장에서 DOM 변경을 추적하는 방법은 무엇입니까?

Question

페이지에 모든 이미지를 가져 오려는 크롬 확장을 쓰고 있지만 일부 이미지는 DOM이 유휴 상태가되면 가져올 수없는 시간 (ajax를 통해있을 수 있음)이 지나면로드됩니다. 페이지가로드 된 후 DOM 변경 사항을 추적 할 수있는 방법이 있습니까?

Answer 1

DOMNodeInserted 이벤트와 함께 document.addEventListener을 사용할 수 있습니다. 콜백은 찾고있는 노드 유형인지 확인하기 위해 각 노드 삽입을 점검해야합니다. 다음과 같은 것이 효과가있다.

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