javascript - 如何为每个选项卡保留 chrome.browserAction.setBadgeText？

Question

我的扩展程序使用 tab.url 获取数据并将其放入 chrome.browserAction.setBadgeText。当我打开一个新标签时，它会重置。如何仅为新标签更新 BadgeText？并为旧的保持不变？

扩展布局:

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab){
function(tabId, changeInfo, tab){
    //using tab.url and XMLHttpRequest() i get newText for:
    chrome.browserAction.setBadgeText({text: newText});
   };
});

Answer 1

两个关键点应该可以帮助您解决问题。

1) chrome.browserAction.setBadgeText有一个可选参数 tabId，它将值绑定(bind)到选项卡。

2) 您应该按 changeInfo's fields 过滤 chrome.tabs.onUpdated 事件.

因此，将您的代码更改为:

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab){
    function(tabId, changeInfo, tab){
        if(!changeInfo.url) return; // URL did not change
        // Might be better to analyze the URL to exclude things like anchor changes

        /* ... */
        chrome.browserAction.setBadgeText({text: newText, tabId: tab.id});
    };
});

这可能无法捕获新标签的创建；如果没有，还要听 onCreated