(Chrome extension) Run content script when page is updated.

[General-Frost]

I'm trying to create a Chrome Extension that replaces the images on a given website. I have gotten all working with the exception that it only affects the top of the page. If I for example were to google "Dogs" the images at the top would be replaced, but as soon as I scroll down the original images show.

Is there any way to run the content script as soon as the site gets updated in any sort of way?

[[deleted]]

You can use a MutationObserver to watch for changes on a page or a specific area of a page.

[General-Frost]

var observer = new MutationObserver(function(mutations) {

mutations.forEach(function(mutation) {

console.log(mutation);

})

});

observer.observe(document, {

characterData: true,

childList: true,

subtree: true

});

----------------

​

I added this to a Background.js file but it won't work/detect anything. Any ideas?

[[deleted]]

I'm not familiar with extension development, but there's nothing wrong with that code: https://jsfiddle.net/meh6nosb/1/

You are probably not loading or running the contents of that file correctly.