javascript - chrome.tabs.Tab 未在 popup.js 脚本中定义

Question

我正在浏览 Chrome 扩展程序“入门指南”:

https://developer.chrome.com/extensions/getstarted

其中一节提到了这段代码

chrome.tabs.executeScript(
    tabs[0].id,
     {code: 'document.body.style.backgroundColor = "' + color + '";'});
};

我在 tabs[0].id 上收到未定义的错误。现在 API 文档指出 chrome.tabs.Tab 是可访问的，但我似乎无法获取它。我做错了什么？

Answer 1

您必须查询选项卡。

如果要执行所有tab中的代码。您可以使用此代码。

chrome.tabs.query({}, function(tabs) {
    var message = {foo: bar};
    for (var i=0; i<tabs.length; ++i) {
        chrome.tabs.executeScript(tabs[0].id, {
                code: 'document.body.style.backgroundColor = "' + color + '";'
            });
        };
    }
});

如果你只想在当前标签中执行代码。您可以使用此代码。

chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
    chrome.tabs.executeScript(tabs[0].id, {
            code: 'document.body.style.backgroundColor = "' + color + '";'
        });
    };
});