Question

manifest.json

{
  "manifest_version": 2,

  "name": "Project",
  "description": "Chrome Extension for sending messages",
  "version": "1.0",

  "browser_action": {
    "default_icon": "red_dot.png"
  },
  "permissions": [
    "activeTab",
    "https://ajax.googleapis.com/",
        "storage"
  ],

  "background" : {
    "scripts" : ["background.js"]
  },
    
    "content_scripts": [
      {
      "matches":["https://www.website.com/*"],
      "js":["keypress.js", "jquery.js", "js_file.js"],
            "run_at": "document_end"
        }
    ]
}

background.js

var running = false

chrome.browserAction.onClicked.addListener(function(tab) {
    if (running) {
        alert('script is running, turning off');
        chrome.browserAction.setIcon({path: "red_dot.png"})
        running = false
    } else {
        alert('script is not running, turning on');
        chrome.browserAction.setIcon({path: "green_dot.jpg"})
        running = true
    }
});

当我单击该图标时，会如预期的那样弹出窗口，但是图标本身没有变化。

我收到此错误：

Unchecked runtime.lastError: Icon invalid.

但是我不明白为什么。该代码似乎有效。

Answer 1

使用此api并仔细输入特定于参数的路径 https://developer.chrome.com/extensions/browserAction#method-setIcon

chrome扩展程序更改图标无法正常工作

1 个答案: