как установить связь между скриптом контента и фоновой страницей

Question

Я знаю, что этот вопрос задавался ранее, но я не знаю, как заставить его работать.

это скрипт содержимого:

console.log("online");
chrome.extension.sendRequest({foo: "yes"}, function(response) {
console.log(response.thefoo);
});

и это фоновая страница:

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
if (request.foo == "yes")
  sendResponse({thefoo:"this is the foo"});
else
  sendResponse({"it didnt work"});
});

код, который у меня есть, он взят из одного из ответов на вопросы здесь с несколькими внесенными мною изменениями, но он не сработал, даже когда я поставил его точно. Вы можете увидеть этот ответ здесь Расширение Chrome: доступ к localStorage в скрипте содержимого

Answer 1

--- === background.html === ---

/*
 * Handles data sent via chrome.extension.sendRequest().
 * @param request Object Data sent in the request.
 * @param sender Object Origin of the request.
 * @param callbackFunction Function The method to call when the request completes.
 */

function onRequest(request, sender, callbackFunction) {
    //your actions here
};

/*
 * Add request listener
 */

 chrome.extension.onRequest.addListener(onRequest);

--- === contentScript.js === ---

function callbackFunction(response) {
    //process the response
}

chrome.extension.sendRequest({'action': 'your action'}, callbackFunction);

вам также необходимо определить скрипт содержимого в файле манифеста