Estoy tratando de configurar un atajo de teclado para activar/desactivar mi extensión de Chrome que estoy desarrollando. La extensión de Chrome solo consiste en un "content_script" que se ejecuta en ciertos sitios. Quiero que active/desactive completamente la extensión, como si la deshabilitara a través de Chrome://extensions.
En mi búsqueda de respuestas, vi muchas sugerencias para agregar "_execute_browser_action" a mi manifest.json, pero creo que este comando requiere un oyente que debe configurarse en background.js (corríjame si me equivoco) . Quiero evitar un background.js si es posible, ya que quiero que esta extensión sea corta y agradable.
Aquí está mi manifest.json:
{ "manifest_version": 2, "name": "foo", "description": "foo", "version": "0.1.0", "commands": { "_execute_browser_action": { "suggested_key": { "default": "Ctrl+Shift+8" } } }, "content_scripts": [{ "js": ["./dist/bundle.js"], "matches": [ ...certain sites... ] }], "icons": { "16": "/icons/logo16.png", "32": "/icons/logo32.png", "48": "/icons/logo48.png", "128": "/icons/logo128.png" } }Con este manifest.json, el acceso directo aparece en Chrome://extensions/shortcuts, pero el acceso directo no hace nada. Cuando presiono la combinación, no pasa nada. Incluso cuando actualizo la página, vuelvo a cargar la extensión, vuelvo a agrupar, reinicio Chrome, etc.
¿Cómo debo hacer para agregar este atajo de teclado?
Además, estoy usando Babel/Webpack, si eso ayuda.
Terminé resolviendo mi propio problema. Actualizando aquí en caso de que ayude a alguien más.
Resulta que un background.js era exactamente lo que estaba buscando. Mi secuencia de comandos en segundo plano establece un campo API chrome.storage, activado por browserAction, que luego mi content_script ingiere para activarlo o desactivarlo. Luego, la página se actualiza para actualizar el html de la página. (Inspiración tomada de aquí )
fondo.js:
var x = true enableBrowserAction() function disableBrowserAction() { chrome.storage.local.set({enabled: false}) } function enableBrowserAction() { chrome.storage.local.set({enabled: true}) } function updateState() { if (x == false) { x = true enableBrowserAction() } else { x = false disableBrowserAction() } chrome.tabs.reload() } chrome.browserAction.onClicked.addListener(updateState)manifest.json (con solo los campos necesarios):
{ "manifest_version": 2, "browser_action": {}, "commands": { "_execute_browser_action": { "suggested_key": { "default": "Ctrl+Shift+8" } } }, "permissions": [ "storage" ], "background": { "scripts": ["background.js"] }, "content_scripts": [{ "js": ["./dist/bundle.js"], "matches": [ ...certain sites... ] }] }content_script (entrada para bundle.js):
import ServiceHandler from './ServiceHandler.js' chrome.storage.local.get('enabled', data => { if (data.enabled) { const sh = new ServiceHandler() sh.execute() } })