Google chrome extension 无法获得简单的铬延伸样品的工作，该；使页面变为红色；一

在 标题为：
“没有图标的浏览器操作会使页面变红”

我下载了3个文件（manifest、js、icon）并安装了扩展示例。

当我运行它时，我会在栏上看到一个益智图标，上面有一个每秒钟递增的徽章。
当我单击图标时-无
当我点击页面时-无任何内容
我也看不到提供的图标在任何地方使用。

我不知道这是代码问题还是使用问题。

manifest.json：

{
  "name": "A browser action with no icon that makes the page red",
  "version": "1.0",
  "background": { "scripts": ["background.js"] },
  "permissions": [
    "tabs", "http://*/*"
  ],
  "browser_action": {
    "name": "Make this page red",
    "icons": ["icon.png"]
  },
  "manifest_version": 2
}

background.js文件

chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.executeScript(
      null, {code:"document.body.style.background='red !important'"});
});

chrome.browserAction.setBadgeBackgroundColor({color:[0, 200, 0, 100]});

var i = 0;
window.setInterval(function() {
  chrome.browserAction.setBadgeText({text:String(i)});
  i++;
}, 10);

这是一个复制品

请看下面我的回答：

如果你打开样品拉链。。。查找backgrond.js。。。编辑找一行写着：

null, {code:"document.body.style.background='red !important'"});

并删除“！重要”。因此，它应该是：

null, {code:"document.body.style.background='red'"});

就是这样。只需保存并重新加载扩展，就可以了（除非页面的后台设置了一个！重要标志）

---

恐怕我不知道为什么“！important”标记不起作用，但我从未能够使它在扩展中起作用。希望这里的其他人能够给出一个解释，也许可以解决这个问题。

省略

！重要信息

，您的代码将正常工作。如果您只想更改背景颜色（而不是bg图像），请使用

.style.backgroundColor='red'

@John Shedletsky否决票有点苛刻，因为它不适合你，不是吗？也许您没有正确编辑代码。我相信这是正确的答案。请参阅我为其他人发布的确认链接。