Chrome扩展开发：获取标签页URL时弹出undefined问题求助

你的代码存在两个核心问题，导致无法正常获取标签页URL：

1. 查询参数错误，仅获取了活跃标签页 #

当前chrome.tabs.query的参数{'active': true, 'windowId': chrome.windows.WINDOW_ID_CURRENT}只会返回当前窗口的活跃标签页（即你正在查看的单个标签），而非所有已打开的标签页。如果要获取当前窗口的所有标签页，需移除active: true条件；若要获取所有窗口的所有标签页，直接传入空对象{}即可。

2. 缺少必要权限，无法访问tab.url属性 #

Chrome扩展默认无法获取标签页URL等敏感属性，必须在manifest.json中声明tabs权限，或指定具体主机权限（如"<all_urls>"），否则标签对象不会包含url字段。

修正后的代码 #

获取当前窗口所有标签页URL：

function alertOpenedTabs() {
    chrome.tabs.query({'windowId': chrome.windows.WINDOW_ID_CURRENT}, function(tabs) {
        tabs.forEach(function(tab) {
            alert(tab.url);
        });
    });
}

获取所有窗口的所有标签页URL：

function alertOpenedTabs() {
    chrome.tabs.query({}, function(tabs) {
        tabs.forEach(function(tab) {
            alert(tab.url);
        });
    });
}

配置Manifest权限 #

在manifest.json中添加对应权限（适配Manifest V2/V3）：

{
  "manifest_version": 3, // 或2，根据你的扩展版本选择
  "name": "你的扩展名称",
  "version": "1.0",
  "permissions": ["tabs"],
  "action": {
    "default_popup": "popup.html"
  }
}

若使用Manifest V3，也可通过主机权限替代tabs权限（允许访问所有网站）：

"host_permissions": ["<all_urls>"]

内容的提问来源于stack exchange，提问作者Forilin