logo标签列表

有没有一种方法可以在扩展程序内编辑Chrome扩展程序清单文件？

google-chrome
5
我希望允许用户从列表中选择其扩展所显示的图标。是否有一种方法可以在扩展中编辑清单文件？
因此，如果我在Chrome扩展程序清单文件中有以下内容：
  "browser_action": {
    "default_icon": "ico32.gif",
  }

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

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

有没有一种方法可以做到这一点？
1个回答
7

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

在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>
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接