图标上的Google Chrome扩展程序号码

Question

我一直在试验Chrome扩展程序，我想制作一个类似于我的Google语音扩展程序，当我收到一个活动时，图标旁边的图标会显示一个蓝色的“1”，这是一个完全独立的图标？然后他们只使用“setIcon”方法？喜欢这个

chrome.browserAction.setIcon({path:"icon.png"}); 

以下是它的外观的可视化示例：

gmail似乎全部达到了500！他们不能为每个号码都有一个图标，或者他们呢？有什么东西可以用来制作这些东西吗？我已经有了我的图标，如果我必须制作一个独特的图标，我可能会像10一样，然后有一个“10+”图标。我将它连接到一个可能有很多事件的API。

有人有这个问题吗？他们是如何解决这个问题的？

任何建议或建议都会有所帮助！

谢谢！

Answer 1

您可以使用badge设置setBadgeText浏览器操作：

chrome.browserAction.setBadgeText({text: "10+"}); // We have 10+ unread items.

请注意，如果您传递的文字长度超过4个字符，则会被截断为前4个字符。

Answer 2

首先，您必须做一些事情。您需要有一个背景页面，您必须在其中放置用于显示BadgeText的代码。第二，您必须在manifest.json文件中注册后台脚本文件。

您必须制作background.js文件或任何其他* .js文件。 然后在background.js文件中你必须编写这段代码。

chrome.browserAction.setBadgeBackgroundColor({ color: [255, 0, 0, 255] });
chrome.browserAction.setBadgeText({text: 'your text'});

之后将其保存到与您的分机相同的文件夹中。 然后编辑您的manifest.json文件并在最后输入此代码

,
"background":
{
  "scripts":["background.js"]
}

现在，当您重新加载扩展程序时，您会看到单词your作为徽章文本，因为在该小区域中只会显示四个字符。然而，文本字符串将被截断为四个字符并不是一个硬性规则，只是可以显示多少个字符。我需要五个角色而且我很幸运，其中两个是i并且它们没有占用太多空间并且所有五个角色都被显示出来。如果你想尝试我试图显示Nidhi。

Answer 3

MV3 结合了 API 的 USE

chrome.action.setBadgeBackgroundColor

Manifest 只需要

"action":{

}