Chome 扩展：将 chrome.storage 数据从后台脚本发送到 popup/contentscript

如标题中所述，我正在尝试编写一个后台脚本，该脚本将侦听来自 popup.js 或 contentscript.js 的加载请求。当它接收到负载时，它会获取 chrome.storage.local 的内容，执行一些数据处理（for 循环）并将其发送给请求者。

当前的问题是我的代码收到请求，但无法发回数据。我的代码如下：

弹出.js：

chrome.runtime.sendMessage({greeting: "Load"}, function(response) {
  console.log(response);
}

背景.js：

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
  if(request.greeting=='Load') {
    chrome.storage.local.get(null,function(storeObject){
      var newList=[];
      //Perform some dataprocessing to store part of storeObject into newList
      sendResponse(newList);
    });
  }
});

我认为这个问题与范围有关，因为调试后看起来 sendResponse 正在尝试从 chrome.storage 而不是 background.js 发送。另外，如果我将消息发送到 chrome.storage.local 回调之外（之前/之后），popup.js 会收到该消息。无论如何，我对如何使此消息传递正常工作感到非常迷茫，并且希望得到任何帮助。

根据文档`chrome.runtime.onMessage:

发送响应（函数）
[...]当事件监听器返回时，此函数将变得无效，除非您从事件监听器返回 true 来指示您希望异步发送响应（这将使消息通道保持对另一端开放，直到调用 sendResponse 为止）。

Since, sendResponse被异步调用chrome.storage.local.get()的回调，你需要从onMessage监听器以防止函数失效。

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
    if (request.greeting === 'Load') {
        chrome.storage.local.get(null, function(storeObject) {
            ...
            sendResponse(newList);
        });
        return true;   // <-- I intend to call `sendResponse` later
    }
    return false;   // <-- I do NOT intend to call `sendResponse`
});