Both methods are producing the same error Uncaught TypeError: Cannot read property 'query' of undefined
for my content script... I've already looked at How to fetch URL of current Tab in my chrome extension using javascript and How do you use chrome.tabs.getCurrent to get the page object in a Chrome extension? though I'm still not sure what I'm doing incorrectly.
manifest.json
{
"name": "Extension Tester",
"version": "0.0.1",
"manifest_version": 2,
"description": "Tester",
"permissions": [
"tabs"
],
"content_scripts": [
{
"matches": ["https://www.google.com/"],
"js": [
"inject.js"
]
}
]
}
inject.js
chrome.tabs.query({ currentWindow: true, active: true }, function (tabs) {
console.log(tabs[0].id);
});
or
chrome.tabs.getCurrent(function (tab) {
console.log(tab.id);
});
Cannot use chrome.tabs
in content script,you need to use chrome.runtime
To know the tab id of the content script, first use chrome.runtime.sendMessage
to send a message, and the background page receive it.
Using chrome.runtime.onMessage.addListener
, the callback function is
function(any message, MessageSender sender, function sendResponse) {...};
so, you will know the tab id by sender.id
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With