Как отследить изменение DOM в расширении Chrome?

Question

Я пишу расширение для Chrome, в котором я хочу получить все изображения, существующие на странице, но некоторые изображения загружаются через некоторое время (может быть через ajax), которое я не могу получить, когда DOM находится в режиме ожидания.Есть ли способ отследить изменение DOM после загрузки страницы?

Answer 1

Вы можете использовать document.addEventListener с событием DOMNodeInserted .Ваш обратный вызов должен будет проверить каждую вставку узла, чтобы увидеть, является ли это тип узла, который вы ищете.Должно работать что-то вроде следующего.

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