Chrome扩展browserAction异常：重启浏览器后打开网页自动显示徽章文本

我懂你遇到的这个小麻烦——首次加载扩展时，只有点击图标才会显示"Ko"徽章，一切正常，但重启浏览器后，哪怕没碰图标，徽章居然自己冒出来了，确实有点不符合预期。

问题根源 #

Chrome浏览器会自动持久化保存扩展的browserAction状态（包括徽章文本、颜色这类UI状态），当你重启浏览器时，它会把上次关闭前的徽章状态直接恢复，所以才会出现没点击图标却自动显示徽章的情况。

解决方案 #

最直接的办法就是在扩展启动的瞬间（也就是background.js加载完成时），主动把徽章文本重置为空。这样每次浏览器重启、扩展初始化时，徽章都是隐藏状态，只有用户点击图标后才会显示"Ko"。

修改后的background.js代码如下：

// 扩展启动时先清空徽章文本，确保初始状态是隐藏的
chrome.browserAction.setBadgeText({text: ""});

// 点击图标时再设置徽章文本
chrome.browserAction.onClicked.addListener(function() {
  chrome.browserAction.setBadgeText({text: "Ko"});
});

额外补充 #

如果之后你需要实现更复杂的状态逻辑（比如记住用户上次操作后的徽章状态），可以用chrome.storage.local来存储徽章的显示状态，然后在扩展启动时从存储中读取并设置。但针对你当前的需求，上面的初始化重置方案已经完全够用了。

内容的提问来源于stack exchange，提问作者Danubio