Esegui script ogni volta che si fa clic sull'icona di estensione di Chrome

Question

Come si scrive un'estensione di Chrome in modo tale che ogni volta che un utente fa clic sull'icona, il mio script viene eseguito ma non viene aperto alcun popup? (Lo guarderei io stesso nei documenti, ma per qualche ragione hanno improvvisamente smesso di funzionare, 404 su ogni pagina, come sono arrivato a questo punto).

Suppongo che si stia configurando correttamente il manifest. Ecco quello che ho adesso:

{ 
    "name": "My Extension", 
    "version": "0.1", 
    "description": "Does some simple stuff", 
    "browser_action": { 
    "popup" : "mine.html", 
    "default_icon": "logo.png" 
    }, 
    "permissions": [ 
    "notifications" 
    ] 
} 

Answer 1

Rimuovere popup dalla vostra sezione browser_action del manifesto e utilizzare background pages insieme browser Action nello script di sfondo.

chrome.browserAction.onClicked.addListener(function(tab) { alert('icon clicked')}); 

Answer 2

Invece di specificare una pagina popup, utilizzare l'API chrome.browserAction.onClicked, documentata here.

Answer 3

Innanzitutto, se non si desidera visualizzare un popup, rimuovere "popup" : "mine.html" dal numero manifest.json (visualizzato nella domanda).

tuo manifest.json sarà simile a questo:

{ 
    "name": "My Extension", 
    "version": "0.1", 
    "manifest_version" : 2, 
    "description": "Does some simple stuff", 
    "background" : { 
    "scripts" : ["background.js"] 
    }, 
    "browser_action": { 
    "default_icon": "logo .png" 
    }, 
    "permissions": ["activeTab"] 
} 

• noti che manifest_version deve esserci e deve essere 2.
• Si noti che il permesso activeTab è stato aggiunto.
• Si noti che è possibile fare una sola cosa quando si fa clic sul pulsante di azione del browser: è possibile visualizzare un popup oppure è possibile eseguire uno script, ma non è possibile eseguire entrambe le operazioni.

In secondo luogo, per eseguire uno script quando l'icona viene cliccato, inserire il codice qui sotto nel file background.js (il nome del file è specificato nel vostro manifest.json):

chrome.browserAction.onClicked.addListener(function(tab) { 
    chrome.tabs.executeScript(null, {file: "testScript.js"}); 
}); 

Infine, testScript.js è dove si dovrebbe inserire il codice che si desidera eseguire quando si fa clic sull'icona.

Answer 4

Questo era proprio quello di cui avevo bisogno ma dovrei aggiungere questo: Se tutto ciò che serve è un evento occasionale come quando un utente fa clic sull'icona dell'estensione, quindi Pagine di sfondo è uno spreco di risorse dato che verrà eseguito in lo sfondo TUTTO il tempo. Usa invece Pagine evento:

"background": { 
     "scripts": ["script.js"], 
     "persistent": false 
     }