google-chrome - Chrome 扩展：无法在页面上下文中运行 chrome.tabs.executeScript 中的代码

Question

我用这个后台脚本为 Google Chrome 创建了一个扩展background.js：

chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.executeScript(tab.id, {code:"document.body.style.background='red !important';"}); // doesn't work
  chrome.tabs.executeScript(tab.id, {code:"alert('hello');"}); // runs alert
});

我想document.body.style.background='red !important';在网页的上下文中运行。
我该怎么做？

manifest.json：

{
  "name": "Test",
  "version": "1.0",
  "manifest_version": 2,
  "description": "Test",
  "browser_action": { "default_icon": "icon.png" },
  "background": { "scripts": ["background.js"] },
  "permissions": ["tabs", "*://*/*"]
}

Answer 1

平直而直。添加https://*/*到权限。

Answer 2

背景实际上期望一切，如果您想更改颜色，请使用 backgroundColor 并且不需要在加载所有内容后注入 !important 。

因此，以下更改可能会起作用。请尝试一下。

chrome.tabs.executeScript(tab.id, {code:"document.body.style.backgroundColor='red';"});