Google Chrome 扩展程序——浏览器内容中的图标

【问题标题】：Google Chrome Extension -- Icon in browser contentGoogle Chrome 扩展程序——浏览器内容中的图标
【发布时间】：2011-01-27 17:18:17
【问题描述】：

如果您已经看过 WOT for chrome 的扩展，您会更好地理解要实现的目标。当我们谷歌搜索我们得到链接作为回报我试图把我的扩展图标放在每个链接之后，就像 WOT 扩展一样。并希望处理该图标上的单击事件。请建议我如何设置该图标以及我需要进行哪些调用来处理这些事件。

【问题讨论】：

【解决方案1】：

您首先需要使用Content Scripts 来操作DOM。您想操作 DOM，以便搜索每个搜索结果。

之后，它只是基本的 JavaScript（就像您拥有 Document 一样），您可以添加子元素（例如您的图标），并在您的元素上添加侦听器，以便您可以点击它们。

【讨论】：

我正在尝试使用此代码，但我不知道将替换“the_search_result_class”函数 someFunction() { alert("The user clicked on the icon.") } 的谷歌搜索结果的确切类var icon = document.createElement("img"); icon.src = chrome.extension.getURL("icon.png"); var searchResults = document.getElementsByClassName("the_search_result_class") for (var i = 0; i