我有一个 firefox 扩展程序,当您单击图标图像时,它可以更改 html 选项菜单中的扩展程序图标。
选项.html
<body>
<section class="browser-icons">
<img id="black-trash" img src="../icons/black_trash.png" title="Black trash"/>
<img id="red-trash" img src="../icons/red_trash.png" title="Red trash"/>
</section>
选项.js
const blackTrash = document.getElementById("black-trash");
const redTrash = document.getElementById("red-trash");
function setBlack() {
browser.browserAction.setIcon({path:"../icons/black_trash.png"});
}
function setRed() {
browser.browserAction.setIcon({path: "../icons/red_trash.png"});
}
blackTrash.addEventListener("click", setBlack);
redTrash.addEventListener("click", setRed);
但是,如果您将图标更改为红色,则只要您重新启动浏览器,它就会重置为黑色(默认)。
如何在本地保存图标状态?
慕婉清6462132
相关分类