Ejecutar script cada vez que se hace clic en el icono de extensión de Chrome

Question

¿Cómo escribo una extensión de Chrome de modo que cada vez que un usuario hace clic en el icono, se ejecuta mi secuencia de comandos pero no se abre ninguna ventana emergente? (Yo buscaría esto en los documentos, pero por alguna razón dejaron de funcionar repentinamente, 404en cada página, como llegué hasta este punto).

Supongo que solo está configurando el manifiesto correctamente. Esto es lo que tengo ahora:

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

Answer 1

Quitar emergente de su sección browser_action del manifiesto y el uso de background pages junto con browser Action en el guión de fondo.

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

Answer 2

En lugar de especificar una página emergente, utilice la API chrome.browserAction.onClicked, documentado here.

Answer 3

En primer lugar, si no desea mostrar una ventana emergente, elimine "popup" : "mine.html" de su manifest.json (que se muestra en la pregunta).

Su manifest.json se verá algo como esto:

{ 
    "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"] 
} 

• Tenga en cuenta que manifest_version debe estar allí y que debe ser 2.
• Tenga en cuenta que se ha agregado el permiso activeTab.
• Tenga en cuenta que solo puede hacer una cosa cuando se hace clic en el botón de acción del navegador: puede mostrar una ventana emergente o puede ejecutar una secuencia de comandos, pero no puede hacer ambas cosas.

En segundo lugar, para ejecutar un script cuando se hace clic en el icono, coloque el siguiente código en el archivo de background.js (el nombre del archivo se especifica en su manifest.json):

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

Por último, testScript.js es donde debe ponga el código que desea ejecutar cuando se hace clic en el icono.

Answer 4

Esto era justo lo que necesitaba pero debo agregar esto: Si todo lo que necesita es un evento único como cuando un usuario hace clic en el icono de la extensión, Background Pages es un desperdicio de recursos, ya que se ejecutará en el fondo TODO el tiempo. Use Event Pages en su lugar:

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