我希望允许用户从列表中选择为其分机显示的图标。有没有办法在扩展中编辑清单?
因此,如果我的chrome扩展清单文件中包含以下内容:
"browser_action": {
"default_icon": "ico32.gif",
}我希望用户能够在扩展本身中将其更改为以下内容:
"browser_action": {
"default_icon": "ico32green.gif",
}有没有办法做到这一点?
发布于 2009-12-11 19:39:01
无法直接编辑清单文件。但是,您可以使用以下解决方法在浏览器加载时修改该属性。此特定代码在浏览器加载时设置图标,并允许用户指定应在浏览器加载时设置哪个图标:
在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>https://stackoverflow.com/questions/1882842
复制相似问题