Написание расширения 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, прокручиваю ее, чтобы загрузить новые изображения, но не получаю никаких предупреждений. Что не так в моем коде сейчас?

0 ответов

Другие вопросы по тегам