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

Question

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

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

这是一个看起来如何的视觉示例:

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

有人有这个问题吗？他们是如何绕过它的？

任何建议或意见都会有所帮助!

谢谢!

Answer 1

您可以在浏览器操作上设置徽章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.