0

在 http://developer.chrome.com/extensions/samples.html第二个示例标题为：
“没有图标的浏览器操作使页面变红”

我下载了 3 个文件（清单、js、图标）并安装了扩展示例.

当我运行它时，我会在栏上看到一个拼图图标，带有每秒递增的徽章。
当我单击图标时 - 什么都没有
当我单击页面时 - 什么也没有
，我也看不到在任何地方使用所提供的图标。

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

清单.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
}

背景.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);
4

1 回答 1

2

这是如何使 Google Chrome 扩展示例工作的副本？

请看下面我的回答：

如果您打开示例 zip... 找到 backgrond.js... 编辑。找到写着：

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

并删除“！重要”。所以它应该是：

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

这就对了。只需保存并重新加载扩展，应该可以工作（除非页面有一个 !important 标志设置为背景）。

恐怕我不知道为什么“！important”标签不起作用，但我从来没有能够让它在扩展中工作。希望这里的其他人能够给出解释，也许可以解决。

于 2012-09-29T21:46:35.050 回答