如何在本地存储 Firefox 扩展图标状态

我有一个 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);

但是,如果您将图标更改为红色,则只要您重新启动浏览器,它就会重置为黑色(默认)。


如何在本地保存图标状态?


UYOU
浏览 110回答 1
1回答

慕婉清6462132

我不太清楚,但尝试使用 localStorage -function setBlack() {   browser.browserAction.setIcon({path:"../icons/black_trash.png"});     localStorage.setItem('icon', '../icons/black_trash.png'); }要调用这个你只需要localStorage.getItem('icon');我不知道这是否能解决您的问题,但我们也是来学习的;)
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript