javascript - Chrome扩展程序-executeScript不在事件选项卡中

我正在尝试一个简单的Chrome扩展程序示例，该示例应可使我将所有打开的youtube标签的背景颜色更改为红色。我注意到的是，只有当我在实际页面上时，页面的背景才会变成红色，即它是活动标签。

码：

function getYouTubeTabs() {
    queryInfo = {
        'url': '*://www.youtube.com/*'
    };

    chrome.tabs.query(queryInfo, function (result) {
        for (i = 0; i < result.length; i++) {
            chrome.tabs.executeScript(result[i].id, {
                code: 'document.body.style.backgroundColor="red"'
            });
        }
    });
}

这是我的代码，我可能会丢失一些东西。不知道是否可以在“非活动”选项卡上使用executeScript。提前致谢。

编辑

manifest.json

{
  "manifest_version": 2,

  "name": "First menu item",
  "description": "Testing Context Menus",
  "version": "1.0",

  "permissions": [
    "contextMenus", "tabs", "activeTab"
  ],
  "icons": {
    "16": "myicon.png",
    "128": "myicon2.png"
  },
  "background": {
    "scripts": ["background.js"]
  }
}

最佳答案

activeTab权限，允许您call tabs.executeScript or tabs.insertCSS on that tab。

相反，为了能够programmatically inject编码到非活动选项卡中，除了tabs权限外，您的扩展名还必须对该页面具有cross-origin permissions。

因此，您需要像这样修改清单的permissions部分：

"permissions": [
    ...
    "*://www.youtube.com/*"
],

在"persistent": false部分中添加background应该也可以正常工作（并且是preferred way）。