Coincé au message passant background.html >> contentcript.js (extension chrome)

Question

Je sais que ça a été ici comme des milliers de fois, mais je suis coincé maintenant. J'ai lu beaucoup de réponses et j'ai étudié le code.google.com mais je n'ai pas réussi. J'essaye d'envoyer une demande dans une extension de chrome de background.html à contentscript.js. J'ai réussi à le faire fonctionner dans l'autre sens.

code à l'intérieur background.html:

chrome.tabs.getSelected(null, function(tab) { 
    chrome.tabs.sendRequest(tab.id, {greeting: "hello"}, function(response) { 
     console.log(response.farewell); 
    }); 
    }); 

code à l'intérieur contentscript.js:

chrome.extension.onRequest.addListener(
    function(request, sender, sendResponse) { 
    if (request.greeting == "hello") 
     sendResponse({farewell: "goodbye"}); 
    else 
     sendResponse({farewell: "nope"}); 
}); 

Le manifest.json devrait être bien que la communication fonctionne en arrière et tout le reste fonctionne correctement. Je vous remercie!

Answer 1

Votre code est bon, il doit y avoir quelque chose de mal avec votre déclencheur. J'ai créé une extension simple en utilisant votre code et cela a fonctionné. Ajoutez ces deux bits à votre arrière-plan et au sommaire. Puis rmb sur n'importe quelle page et choisissez «Envoyer un message». Vous devriez recevoir une alerte.

background.html

var menuid = chrome.contextMenus.create({"title":"Send Message", "onclick": SendMessage, "documentUrlPatterns":["http://*/*"]}); 

function SendMessage() {   
    chrome.tabs.getSelected(null, function(tab) { 
      chrome.tabs.sendRequest(tab.id, {greeting: "hello"}, function(response) { 
       console.log(response.farewell); 
      }); 
    }); 
} 

contentscript

chrome.extension.onRequest.addListener(
    function(request, sender, sendResponse) { 
    if (request.greeting == "hello") { 
      alert('hello'); 
     sendResponse({farewell: "goodbye"}); 
     } 
    else 
     { 
      alert('goodbye'); 
     sendResponse({farewell: "nope"}); 
     } 
});