Chrome extension to parse Google results doesn't work

Question

I\'ve been experimenting with the Chrome extensions mechanism, and been trying to write an extension that would manipulate Google results (add comments, screenshots, favicon

Answer 1

"DOMContentLoaded" refers to the static HTML of the page, but Google's search results are fetched using AJAX, thus are not there yet when the "DOMContentLoaded" event is triggered.

You could use a MutationObserver instead, to observe "childList" DOM mutations on a root node and its descendants.
(If you choose this approach the mutation-summary library might 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 od 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 ignored