用于解析 google 搜索结果的 Chrome 扩展

我正在尝试制作一个小扩展来检查维基百科文章的谷歌搜索结果，并在之后添加一些额外的链接。但我在解析搜索结果时遇到了一些麻烦。目前来说非常简单。

显现：

{
"name": "Test",
"version": "0.1",
"description": "Test Test",
"icons":{
    "128":"icon_128.png"
    },
"permissions": [
    "tabs",
    "http://www.google.com/*",
    "https://www.google.com/*"
],
"content_scripts": [
    {
      "matches": ["http://www.google.com/*", "https://www.google.com/*"],
      "css": ["style.css"],
      "js": ["jquery-1.7.min.js", "injector.js"],
      "run_at": "document_end"
    }
],
"manifest_version": 2
}

和注射器：

function findWikipediaLinks(){
console.log("here I am!");
console.log($('a'));
//.css({'background-color': 'yellow'});
}

findWikipediaLinks();

问题似乎是这里的代码在显示实际搜索结果之前运行。 （记录的结果是 google 标题栏中的 a。有没有办法正确计时？

Google 正在通过 AJAX 加载结果，因此您需要使用事件监听器 for DOMNodeInserted events.

function filterResultInserts(event) {
  console.log(event);
}

target.addEventListener('DOMNodeInserted', filterResultInserts);

Within filterResultInserts您必须查找与结果匹配的类或 ID 并修改它们。