Question

我想让用户决定何时运行脚本，以便在浏览器打开时显示“off”图标并且没有脚本运行;但是当用户点击它时，它会变为“on”图标并执行用户脚本，直到用户点击为止。我有两个png图标，分别为32x32：on.png和off.png。

我的两个问题：

如何将默认图标设置为my.png？我在我的manifest.json中尝试了这个，但它没有设置图标，而是显示了一个拼图（我假设默认）：

...
"browser_action": {
   "default_icon": {
       "32": "off.png"
       },
   "default_title": "icon"
},
"icons": {
   "32": "on.png",
   "32": "off.png"
},
"background": {
   "scripts": ["background.js"] 
}, 
"content_scripts": [{ 
   "js": ["SCRIPT.user.js"]
...

这是我的background.js，我暂时快速执行了一项功能，尝试根据onClicked

切换开/关

var status = 0;

function toggle() {
if (status == 0){
    chrome.browserAction.setIcon({path: "on.png", tabId:tab.id}); // so it's set for the tab user is in
    chrome.tabs.executeScript(tab.id, file:"SCRIPT.user.js"); //execute for this tab
    status++;
}
if (status == 1){
    chrome.browserAction.setIcon({path: "off.png", tabId:tab.id});
    chrome.tabs.executeScript(tab.id, code:"alert()"); // execute nothing when off
    status++;
}
if (status > 1)
    status = 0; // toggle
}

chrome.browserAction.onClicked.addListener(function(tab) {
    toggle();
});

（我应该提一下，当我在“加载解压缩的扩展名”中加载我的脚本，图标和清单的文件夹，然后选择“检查视图”以检查是否有任何错误，我看到{{1}在background.js中，虽然我不知道它指的是什么）...而且它似乎没有在脚本文件夹中显示我的用户脚本

那么，任何想法，有帮助吗？

Answer 1

好吧，让我对您的清单和背景页面进行一些更改。

<强>的manifest.json

"browser_action": {
  "default_icon": "off.png",
  "default_title": "icon"
},

这将成为默认off.png。至于图标部分，请阅读docs以查看其用途，但现在只需将其完全删除即可。同时删除contentScripts部分中的内容。如果您想以编程方式注入它，则无需在清单中列出它。

接下来对您的背景页进行一些更改，使其更加干净：

<强> background.js

var toggle = false;
chrome.browserAction.onClicked.addListener(function(tab) {
  toggle = !toggle;
  if(toggle){
    chrome.browserAction.setIcon({path: "on.png", tabId:tab.id});
    chrome.tabs.executeScript(tab.id, {file:"SCRIPT.user.js"});
  }
  else{
    chrome.browserAction.setIcon({path: "off.png", tabId:tab.id});
    chrome.tabs.executeScript(tab.id, {code:"alert()"});
  }
});

如何为Chrome扩展程序打开/关闭按钮/图标？

1 个答案: