chrome扩展 - 如何打印值而不是图标

Question

我写了一个chrome扩展程序，它运行正常。

我的扩展只不过是一个反击。目前，我必须点击扩展图标才能看到计数器结果。

我想在栏中打印，而不是点击图标查看结果。有可能吗？

我无法找到任何内容，所以任何帮助都会非常感激。

很抱歉没有在这里发布任何代码，但我真的不认为这个问题是必要的。

谢谢

Answer 1

最简单的方法是在图标旁边使用徽章。

他们看起来如何：

为扩展程序的图标设置徽章（假设它是Browser Action）：

chrome.browserAction.setBadgeText({text: "1"});
chrome.browserAction.setBadgeBackgroundColor({color: [255, 255, 0, 255]}); // RGBA array
chrome.browserAction.setBadgeBackgroundColor({color: "#FFFF00"}); // CSS value

这也可以按标签进行;有关详细信息，请参阅documentation。

如果您确实想要更改图标，可以在<canvas>元素上绘制所需内容，并使用chrome.browserAction.setIcon()格式使用imageData更新图标。这是an example。