Chrome扩展程序 - 将图标嵌入到页面中

Question

我想写一个Chrome扩展程序，将图标嵌入到页面中，并在鼠标悬停时显示弹出窗口，类似于Tweetbeat Firsthand扩展程序提供的功能。我已经看过开发人员文档，但我似乎无法找到如何在页面中嵌入图标的说明。你能指点我做API的描述，或者更好的教程吗？

干杯，

皮特

Answer 1

这听起来像Chrome content script的完美工作。只需使用类似JQuery的东西来操作DOM即可添加<img>标记。

Answer 2

您可以使用Jquery来完成。假设您必须在目标元素周围嵌入图标，您可以这样做：

var iconHtml = "<img src=\"" + chrome.extension.getURL("img/yourIcon.png") + "\"/>";
$("#targetElementId").prepend($(iconHtml));

但它应该在一个页面中注入一个脚本，例如inject.js，并且需要根据你的逻辑调用（onload，菜单点击等）。

此外，该脚本需要在manifest.json

中定义

"content_scripts": [
        {
            "matches": ["*"],
            "js": ["js/inject.js"]
        }
    ]

希望它有所帮助！