1

我正在浏览 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可以访问，但我似乎无法理解。我究竟做错了什么？

4

2 回答 2

2

您必须查询选项卡。

如果要在所有选项卡中执行代码。您可以使用此代码。

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 + '";'
        });
    };
});
于 2018-04-20T05:17:34.123 回答
0

请检查您的清单文件，您需要在manifest.json文件中授予相关权限：

"permissions": ["activeTab"],

授予对尚未提供的选项卡 API 的访问权限

于 2018-04-20T21:36:51.867 回答