How to know when Google search results page renders its results?

Question

I\'m writing a Chrome extension that injects scripts to the Google\'s search result page and modified all the results\' anchor elements.

My problem is that the resu

Answer 1

You are right in that using "DOMNodeInserted" is not a good approach. If nothing else, it is part of the obsolete Mutation Events API, which has been deprecated (among other reasons) for being notoriously inefficient.

It has been replaced by the MutationObserver API, so this is what you should use instead. You can utilize a MutationObserver to observe "childList" DOM mutations on a root node and its descendants.
(If you choose this approach the mutation-summary library might also come in handy.)

After a (really shallow) search, I found out that (at least for me) Google places its results in a div with id search. Below is the code of a sample extension that does the following:

1. Registers a MutationObserver to detect the insertion of div#search into the DOM.

2. Registers a MutationObserver to detect "childList" changes in div#search and its descendants.

3. Whenever a node is added, a function traverses the relevant nodes and modifies the links. (The script ignores