Search code examples
javascriptgoogle-chrome-extension

How do I use chrome.tabs.onUpdated.addListener?


I am creating an extension for Chrome. I want to show an alert() with the page URL whenever the user moves from one tab to another, or when the user enters a new URL in a tab.

This is not working:

chrome.tabs.onUpdated.addListener(function(integer tabId, object changeInfo, Tab tab) {
    alert(changeInfo.url);
});

chrome.tabs.onActivated.addListener(function(object activeInfo) {
    // also please post how to fetch tab url using activeInfo.tabid
});

Solution

  • Remove integer, object and Tab in the functions signature. Also change .onUpdated to .onActivated

    chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
       alert(changeInfo.url);
    }); 
    
    chrome.tabs.onActivated.addListener(function(activeInfo) {
      // how to fetch tab url using activeInfo.tabid
      chrome.tabs.get(activeInfo.tabId, function(tab){
         console.log(tab.url);
      });
    });