chrome.tabs.query无法获取新增标签页问题求助

问题出在你只在初始化时获取了一次标签列表，后续定时执行的checkTabs一直使用的是最初的旧数据，没有重新查询最新的标签状态。

修改方案1：每次检查前重新获取标签列表 #

直接将标签查询逻辑整合到检查函数中，确保每次执行检查都拿到最新的标签数据：

function checkTabs(){
    // 每次检查都重新查询符合条件的标签
    chrome.tabs.query({currentWindow: false, active: false}, function(tabs){
        var res = false;
        if(tabs){
            for(let i = 0; i < tabs.length; i++){     
                console.log(tabs[i].url);
                if(tabs[i].url.toLowerCase() === "https://dlive.tv/Teuf".toLowerCase()){
                    res = true;
                    break;
                }
            }
        }
        // 这里可以添加res为true时的处理逻辑，比如触发提醒
    });
}

// 每10秒执行一次检查
setInterval(checkTabs, 10000);

关键修改点： #

• 移除全局变量tabsChrome，直接使用查询回调返回的tabs参数，避免旧数据残留
• 将chrome.tabs.query移入checkTabs内部，确保每次检查都获取最新标签列表

优化方案：结合事件监听提升实时性 #

如果需要更及时的响应（不需要等10秒），可以结合Chrome的标签页事件监听，在标签创建/更新时立即触发检查，同时保留定时轮询作为兜底：

// 核心检查函数
function checkTabs(){
    chrome.tabs.query({currentWindow: false, active: false}, function(tabs){
        var res = false;
        if(tabs){
            for(let i = 0; i < tabs.length; i++){     
                console.log(tabs[i].url);
                if(tabs[i].url.toLowerCase() === "https://dlive.tv/Teuf".toLowerCase()){
                    res = true;
                    break;
                }
            }
        }
        // 处理检查结果
    });
}

// 每10秒兜底检查
setInterval(checkTabs, 10000);

// 监听标签页创建事件，实时检查
chrome.tabs.onCreated.addListener(() => checkTabs());

// 监听标签页URL更新事件，实时检查
chrome.tabs.onUpdated.addListener((tabId, changeInfo) => {
    if(changeInfo.url) checkTabs();
});

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