jak zrobić/wyłączyć przyciski/ikony dla rozszerzenia chrome?

Question

Chcę, aby użytkownik zdecydował, kiedy chce uruchomić skrypt, aby po uruchomieniu przeglądarki wyświetlała się ikona "off" i nie uruchamiał się żaden skrypt; ale gdy użytkownik go kliknie, zmieni się w ikonę "on" i wykona polecenie usercript, dopóki użytkownik nie kliknie. Mam dwie ikony png, każda o rozmiarze 32x32: on.png i off.png.

Moje dwa pytania:

1. Jak mogę ustawić domyślną ikonę dla mojego off.png? Próbowałem to w moim manifest.json ale nie ustawić ikonę, zamiast pokazał kawałek układanki (przypuszczam domyślne):

   ... 
   "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"] 
   ... 
   

2. Oto mój background.js, gdzie mam chwilowo popełnił funkcję szybkiego spróbować i przełączniki on/off oparty na zasadzie 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(); 
   }); 
   

(należy wspomnieć, że kiedy załadować obudowę folderu Moje skrypty, ikony i manifestuje się w „Wczytaj rozszerzenie”, a następnie wybierz „sprawdzić widoki " do sprawdź, czy coś jest nie tak od razu, widzę Uncaught SyntaxError: Unexpected token : w background.js, ale nie wiem, do czego to się odnosi) i nie wydaje się, aby mój usercript był w folderze skryptów

, wszelkie pomysły, pomoc?

Answer 1

W porządku, pozwól, że wprowadzę kilka zmian do stron manifestu i tła.

manifest.json

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

To uczyni domyślnego off.png. Jeśli chodzi o sekcję ikon, przeczytaj docs, aby zobaczyć, do czego jest ona używana, ale na razie wystarczy ją całkowicie usunąć. Usuń również to, co masz w sekcji dotyczącej treści. Jeśli chcesz go wprowadzić programowo, nie ma potrzeby wymieniania go w manifeście.

Następny pewne zmiany tła strony, aby go nieco bardziej czysty:

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()"}); 
    } 
});