google-chrome - Chrome 扩展 : how do I change my icon on tab focus?

Question

我希望能够根据我当前浏览的网站更改我的扩展程序的图标。我如何监听选项卡焦点的变化？

Answer 1

我想我已经弄明白了。你需要两个听众。一种用于感知选项卡何时更改，一种用于感知何时更新。然后它们都可以触发相同的功能来运行。这是背景文件中的内容...

function changeIcon() {
    //query the information on the active tab
    chrome.tabs.query({active: true}, function(tab){
        //pull the url from that information
        var url=tab[0].url;
        //do whatever you need to do with the URL
        //alert(url);
        //change the icon
        chrome.browserAction.setIcon({path: 'pathToIcon'});
    });
}

//listen for new tab to be activated
chrome.tabs.onActivated.addListener(function(activeInfo) {
    changeIcon();
});

//listen for current tab to be changed
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
    changeIcon();
});