chrome.tabs.Tab is undefined from popup.js script

Question

I was going through the Chrome extension "Getting started guide":

https://developer.chrome.com/extensions/getstarted

and one section mentions this code

chrome.tabs.executeScript(
    tabs[0].id,
     {code: 'document.body.style.backgroundColor = "' + color + '";'});
};

I am getting an undefined error on tabs[0].id. Now the API documentation states that chrome.tabs.Tab is accessible but I can't seem to get it. What am I doing wrong?

I shouldn't need to as it isn't part of the guide. If I guide is wrong, I'm fine with that but I have yet to find any info indicating that it is — kaminsky59, Apr 20 '18 at 03:38
Where is your code being executed? And did you add the `"activeTab"` or `"tabs"` permission to the `manifest.json`? — Luka Čelebić, Apr 20 '18 at 03:45
The guide is outdated and incorrect. You need to use query as mentioned above. — wOxxOm, Apr 20 '18 at 05:01

score 2 · Accepted Answer · answered Apr 20 '18 at 05:17

You must query the tabs.

If you want to execute the code in all tabs. You can use this code.

chrome.tabs.query({}, function(tabs) {
    var message = {foo: bar};
    for (var i=0; i<tabs.length; ++i) {
        chrome.tabs.executeScript(tabs[0].id, {
                code: 'document.body.style.backgroundColor = "' + color + '";'
            });
        };
    }
});

If you want to execute the code only in the current tab. You can use this code.

chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
    chrome.tabs.executeScript(tabs[0].id, {
            code: 'document.body.style.backgroundColor = "' + color + '";'
        });
    };
});

score 0 · Answer 2 · answered Apr 20 '18 at 21:36

0

Please check your manifest file, you'll need to give relevant permission in the manifest.json file as:

"permissions": ["activeTab"],

to grant access to the tabs API not given already

answered Apr 20 '18 at 21:36

nitish173

108
7

chrome.tabs.Tab is undefined from popup.js script

2 Answers2