我的“background.js”代码用于获取选定的 chrome 选项卡 url 在我的 chrome 扩展中无法正常工作

Question

我查看了许多线程，并了解了如何获取焦点 chrome 选项卡的当前 url。但问题是，当我刷新我的扩展程序时，它只输出“chrome://extensions/”，当我点击其他选项卡时，它什么也不做。这是我的代码：

chrome.tabs.query({'active': true, 'lastFocusedWindow': true, 'currentWindow': true}, function (tabs) {
var url = tabs[0].url;
console.log(url);
});

而我的权限是这样的

"permissions": [
    "tabs",
    "activeTab"
]

提前致谢。

Answer 1

我假设您在 background.js 中只执行一次查询功能。 尝试监听 onActivated 事件，以便在用户切换选项卡时获取信息。 这是一个例子：

chrome.tabs.onActivated.addListener((activeInfo) => {
    chrome.tabs.query({'active': true, 'lastFocusedWindow': true, 'currentWindow': true}, function (tabs) {
        var url = tabs[0].url;
        console.log(url);
    });
});

编辑： 此时您甚至不需要使用查询。由于您可以访问选项卡 ID，因此可以使用 get 方法。

chrome.tabs.onActivated.addListener((activeInfo) => {
    chrome.tabs.get(activeInfo.tabId, function (tab) {
        console.log(tab.url);
    });
});