繁体   English   中英

Chrome扩展程序图标切换仅更新一次

[英]Chrome Extension Icon Toggle Only Updates Once

我在background.js中有一个切换功能:每次用户单击图标时,如果扩展名已关闭,则打开它;如果扩展名已打开,则现在关闭,并且该图标交换以显示哪个那些状态。“ image1”表示已关闭,“ image2”表示已打开。 但是,该功能在被单击时仅更新一次图标URL,尽管事实是它不断从“ onclicked”事件中触发,如chrome开发者控制台所证明的那样。 有任何想法吗?

这是background.js中的内容:

var off = true;

function updateIcon() {
    if (off == true) {
        off = false;
        chrome.browserAction.setIcon({path:"image1.png"});
        console.log(off);
    }
    else {
        off = true;
        chrome.browserAction.setIcon({path:"image2.png"});
        console.log(off);
    }
    return;
}
chrome.browserAction.onClicked.addListener(updateIcon);
updateIcon();

还有我的manifest.json文件:

{
   "background": {
      "scripts": [ "jquery-3.1.1.min.js", "background.js" ]
   },
   "browser_action": {
      "default_icon": "image1.png"
   },
   "content_scripts": [ {
      "css": [ "style.css" ],
      "js": [ "jquery-3.1.1.min.js", "content.js"],
      "matches": [ "https://www.facebook.com/*", "http://www.facebook.com/*", "http://facebook.com/*", "https://facebook.com/*"],
      "all_frames" : true,
      "run_at" : "document_start"
   } ],
   "icons" : {
       "64" : "image1.png",
       "64" : "image2.png"
   },
   "description": "Blah blah blah",
   "manifest_version": 2,
   "name": "Working Title",
   "permissions": [ "activeTab", "https://www.facebook.com/*", "http://www.facebook.com/*" ],
   "update_url": "https://clients2.google.com/service/update2/crx",
   "version": "1.0",
   "web_accessible_resources": [ "images/*.png" ]
}

我不知道您的浏览器或计算机是否存在问题,但是我已将所有代码测试到了不同的文件中,并且似乎可以正常工作。 除非有任何与content.js中的background.js冲突的问题,否则代码不是问题所在。

图标的尺寸不合适为128 x128。现在可以使用。 谢谢!

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM