CODEWITHSUNDEEP
google-chrome-extension
Pau Sabria
Pau Sabria

Reputation: 1

Need to reload content script for chrome extension on facebook

I created a Chrome extension that adds links to items (things your friends share with you) on your facebook feed. Facebook loads about 10 or 20 items on the feed on page load, and then the rest are loaded via ajax when you scroll down.

I managed to get my content script to work for the first items, but not for the rest. I've read everything i could find, and it seems that I have to reload my content script.

How can i do that considering that the URL does not change?

Upvotes: 0

Views: 734

Answers (2)

abraham
abraham

Reputation: 47863

You can use document.addEventListener with the DOMNodeInserted event to listen for new items getting rendered in the feed. The callback will have to check each node insertion to see if it is a feed item or not. Something like the following should work.

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

Upvotes: 1

Alejandro Silvestri
Alejandro Silvestri

Reputation: 3774

Well, you can hang some time driven listener that runs every XX seconds, to verify if there's new items to work with.

Unfortunately there's no event you can hang from, fired when the page's code do some Ajax.

May be you can figure out what evet you can han from to detect the user has reached the end of the loaded item's list, knowing that de page's code will do some Ajax to retrieve more items. Then you start you time driven listenter.

Upvotes: 0

Related Questions