如何在内容脚本和后台页面之间进行通信

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);

您还需要在清单文件中定义内容脚本