在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()显示/隐藏未读项目计数.