我知道stackoverflow上有许多类似的问题，但是我似乎无法让它工作。
我正在尝试从我的Chrome扩展程序中获取当前选项卡的URL。然而，alert(tab.url)返回“Undefined”。我已将“tabs”添加到manifest.json中的权限中。有任何想法吗？
<html>
<head>
<script>
chrome.tabs.getSelected(null, function(tab) {
tab = tab.id;
tabUrl = tab.url;
alert(tab.url);
});
</script>
</head>
提醒谷歌用户一下：
OP使用的方法已被弃用。为了获取用户正在查看的选项卡，并且仅在他们正在查看的窗口中使用此方法：
chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
// since only one tab should be active and in the current window at once
// the return variable should only have one entry
var activeTab = tabs[0];
var activeTabId = activeTab.id; // or do whatever you need
});
tab = tab.id;
应该是这样的：
var tabId = tab.id;
在 manifest.json 文件中：
"permissions": [
"tabs"
]
在JavaScript中：
chrome.tabs.query({
active: true,
lastFocusedWindow: true
}, function(tabs) {
// and use that tab to fill in out title and url
var tab = tabs[0];
console.log(tab.url);
alert(tab.url);
});
chrome.tabs.query({
active: true,
lastFocusedWindow: true
}, function(tabs) {
// and use that tab to fill in out title and url
var tab = tabs[0];
console.log(tab.url);
alert(tab.url);
});
通过使用ES6，您可以轻松编写更好的代码 :)
chrome.tabs.query({
active: true,
currentWindow: true
}, ([currentTab]) => {
console.log(currentTab.id);
});
最新版本表示它必须是这样的
async function getCurrentTab() {
let queryOptions = { active: true, lastFocusedWindow: true };
let [tab] = await chrome.tabs.query(queryOptions);
return tab;
}
您必须在manifest.json中添加以下内容
"permissions: [
"tabs"
]
记得将这段代码添加到你的manifest.json文件中
"permissions": [
"tabs"
]
对我来说，根据Kartik Kkartin的回答，我缺少了"tabs"权限
我的后台脚本中其余的代码
chrome?.tabs?.onUpdated?.addListener((tabId, changeInfo, tab) => {
if (changeInfo.status == 'complete') {
console.log('tabId', tabId, 'changeInfo', changeInfo, 'tab', tab)
}
})
这将记录选项卡信息，包括加载选项卡时tab.url中的URL
如果有人像我一样使用Web Extension Polyfill来实现跨浏览器支持。
// using async function
const [currentTab] = await browser.tabs.query({
active: true,
currentWindow: true,
});
console.log({ id: currentTab.id, url: currentTab.url });