如何自定义谷歌搜索结果？

Question

我正在制作Chrome扩展程序，我希望在每个Google搜索结果的“链接”和“说明”之间插入一些文字。我想用jQuery做。拜托，我该怎么办呢？

Answer 1

非常简单。首先，我们必须在manifest.json中定义URL范围，然后包含检测每个搜索结果的内容脚本，然后附加自定义文本。

步骤1：在manifest.js

中包含content_script.js

{
  ...
  "content_scripts": [{
      "matches": ["https://www.google.com/*"],
      "js": ["js/content_script.js"]
    }]
}

步骤2：在content_script.js中包含以下代码

$("div.srg").find("h3 > a").each(function (index) {
  console.log("Title: " + this.text);
  $(this).append("<br><span style='color: orange'>My new line text</span>");
});

希望它有所帮助，这是附带的结果截图。