background - plugin - how to do a chrome extension

Extensión de Chrome: sendMessage desde el fondo al script de contenido no funciona

Question

Sé que esa pregunta se ha formulado repetidamente de diferentes maneras, pero traté de leer todas las respuestas (ojalá no echara de menos a nadie) y ninguna de ellas funcionó para mí.

Aquí está el código de mi extensión:

manifiesto:

{
"name": "test",
"version": "1.1",
"background":
{
"scripts": ["contextMenus.js"]
},
"permissions": ["tabs", "<all_urls>", "contextMenus"],
"content_scripts" : [
{
"matches" : [ "http://*/*" ],
"js": ["jquery-1.8.3.js", "jquery-ui.js"],
"css": [ "jquery-ui.css" ],
"js": ["openDialog.js"]
}
],
"manifest_version": 2
}

contextMenus.js

function onClickHandler(info, tab) {
if (info.menuItemId == "line1"){
alert("You have selected: " + info.selectionText);
chrome.extension.sendMessage({action:''open_dialog_box''}, function(){});
alert("Req sent?");
}
}
chrome.contextMenus.onClicked.addListener(onClickHandler);
chrome.runtime.onInstalled.addListener(function() {
chrome.contextMenus.create({"id": "line1", "type": "normal", "title": "I''m line 1", "contexts":["selection"]});
});

openDialog.js

chrome.extension.onMessage.addListener(function(msg, sender, sendResponse) {
if (msg.action == ''open_dialog_box'') {
alert("Message recieved!");
}
});

Las dos alertas de la página de fondo funcionan, mientras que la de content_script no funciona.

mensaje de registro de consola: Error de puerto: no se pudo establecer la conexión. El extremo receptor no existe.

¿Dónde está mi culpa?

Answer 1

En tu página de fondo debes llamar

chrome.tabs.query({active: true, currentWindow: true}, function(tabs){
chrome.tabs.sendMessage(tabs[0].id, {action: "open_dialog_box"}, function(response) {});
});

en lugar de usar chrome.extension.sendMessage como lo hace actualmente.

La variante chrome.tabs envía mensajes a los scripts de contenido, mientras que la función chrome.extension envía mensajes a todos los otros componentes de extensión.