Написание расширения Firefox для страницы с AJAX
Я учусь создавать расширения Firefox. Теперь я написал простое тестовое расширение, которое заменяет все изображения на странице на мое изображение:
var images = document.getElementsByTagName('img');
var myimgURL = browser.extension.getURL("images/myimg.jpg");
for (var i=0; i<images.length; i++){
var img = images[i];
img.setAttribute("src", myimgURL);
}
Он работает для статических страниц, но не работает с динамически загружаемым контентом через AJAX, например, через канал Facebook.
Как я должен изменить свой код для работы с динамическим контентом. Спасибо!
UPD: сейчас я пытаюсь использовать MutationObserver для мониторинга изменений, но, похоже, у меня не работает. Вот мой код:
var images = document.getElementsByTagName('img');
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
alert("Mutation!");
});
});
var config = { attributes: true, childList: true, characterData: true };
observer.observe(images, config);
Я открываю страницу Facebook, прокручиваю ее, чтобы загрузить новые изображения, но не получаю никаких предупреждений. Что не так в моем коде сейчас?