Question

我想允许用户从列表中选择为其扩展程序显示的图标。有没有办法在扩展程序中编辑清单？

所以，如果我在Chrome扩展程序清单文件中有以下内容：

  "browser_action": {
    "default_icon": "ico32.gif",
  }

我希望让用户能够在扩展程序内将其更改为以下内容：

  "browser_action": {
    "default_icon": "ico32green.gif",
  }

有办法吗？

Answer 1

无法直接编辑清单文件。但是，您可以使用以下解决方法来修改浏览器加载的属性。此特定代码在浏览器加载时设置图标，并允许用户指定应在浏览器加载时设置的图标：

在manifest.json中：

{
  "browser_action": {
    "default_icon": "ico32.gif",
  },
  "options_page": "options.html",
  "background_page":"background.html"
}

在background_page中：

<script>
var icon = localStorage["icon"];
if(icon == undefined){
    icon = "ico32.gif";
    localStorage["icon"] = icon;
}

chrome.browserAction.setIcon({"path":localStorage["icon"]});
</script>

在选项页面中：

<html>
<body>
<h1>Choose you color:</h1>
<p>
    <img class="color" src="ico48.gif" />
    <img class="color" src="icoGreen.gif" />
    <img class="color" src="icoPurple.gif" />
    <img class="color" src="icoRed.gif" />
</p>
<script>
var colors = document.getElementsByClassName("color");
for(var i=0,ii=colors.length;i<ii;i++){
    colors[i].addEventListener("click", changeColor);
}

function changeColor(e){
    localStorage["icon"] = e.target.src;
    chrome.browserAction.setIcon({"path":localStorage["icon"]});
}
</script>
</body>
</html>

有没有办法从扩展程序中编辑chrome扩展清单文件？

1 个答案: