图标上的Google Chrome分机号码

我一直在尝试使用Chrome扩展程序,并且想要制作一个类似于我的Google语音扩展程序的图标,其中当我收到一个事件时,图标旁边会显示一个蓝色的“1”,这是否是一个单独的图标? 然后他们只使用“setIcon”方法? 喜欢这个

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

以下是它的外观示例: 在这里输入图像说明

Gmail似乎全部高达500! 他们不能有每个号码的图标,或者他们? 有什么我可以使用这是做这个东西? 我已经有了我的图标,如果我必须做一个独特的图标,我可以做成10,然后有一个“10+”的图标。 我将它连接到可能有很多事件的API。

有没有人有这个问题? 他们是如何解决这个问题的?

任何意见或build议将有助于!

谢谢!

您可以使用setBadgeText在浏览器动作上设置一个徽章 :

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

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

首先,你将不得不做一些事情。 你需要有一个背景页面,你必须把代码放在显示BadgeText的位置。 第二,你将不得不在manifest.json文件中注册你的后台脚本文件。

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

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

之后,将其保存到您的扩展名相同的文件夹。 然后编辑你的manifest.json文件并在最后input这个代码

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

现在,当你重新加载扩展名时,你会看到单词your徽章文本,因为只有四个字符将显示在这个小区域。 然而,这并不是一个硬性规定,文本string将被截断为四个字符,只是显示了许多字符可以放入的字符。 我需要五个字,我很幸运,其中两个是i ,他们没有占用太多的空间,所有的五个字符都显示出来。 如果你想尝试我试图展示Nidhi