Question

I’m writing a Chrome extension which dynamically changes the content of the popup window based on the current URL.

I’m doing something like this in background.js, which works fine:

if(domains.contains(request.url)){
    chrome.browserAction.setPopup({
        popup: "tracking.html"
    });
}else{
    chrome.browserAction.setPopup({
        popup: "nottracking.html"
    });
}

The problem is that if I switch tab, the content of the popup stays the same between tabs. What’s the correct strategy to deal with this?

• Hook into the tab change event somehow (if such a possibility exists)?
• Limit the change of popup contents to the current tab? (I did notice that there’s an optional tabId parameter for chrome.browserAction.setPopup, but the docs are a bit scant)
• Something else?

All help very much appreciated!

Answer 1

Option 1, bind an event listener:

Use chrome.tabs.onUpdated to listen for URI changes, followed by chrome.browserAction.setPopup with a given tabId to set the popup for the given tab. For example:

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
    if (domains.contains(tab.url)) {
        chrome.browserAction.setPopup({
            tabId: tabId,
            popup: 'tracking.html'
        });
    } else {
        chrome.browserAction.setPopup({
            tabId: tabId,
            popup: 'nottracking.html'
        });
    }
});