google-chrome - 在 Google Chrome 扩展图标中显示未读项目数

Question

是否可以在 Google Chrome 扩展程序图标中显示未读项目数？如果是的话，那么有人可以指点我一些解释如何做的指针吗？

我浏览了 Google Chrome 扩展文档，但无法理解

Answer 1

如果我理解正确，您正在寻找浏览器操作的标记。

...在图标上分层的一些文本...

徽章具有背景颜色和可选的一些文本，用于显示少量信息（例如未读项目计数）。

使用chrome.browserAction.setBadgeText设置/取消设置文本和chrome.browserAction.setBadgeBackgroundColor设置其颜色。例如：

var ba = chrome.browserAction;

function setAllRead() {
  ba.setBadgeBackgroundColor({color: [0, 255, 0, 128]});
  ba.setBadgeText({text: ' '});   // <-- set text to '' to remove the badge
}

function setUnread(unreadItemCount) {
  ba.setBadgeBackgroundColor({color: [255, 0, 0, 128]});
  ba.setBadgeText({text: '' + unreadItemCount});
}

然后使用setUnread()和setAllRead()显示/隐藏未读项目计数。