从弹出页面到内容脚本页面的通信

Question

我正在开发一个扩展，但我不想使用选项页面。我使用浏览器操作（图标出现在右上角），通过该页面进行一些首选项，并将它们存储在 localStorage 中。

但是，我的内容脚本需要读取该 localStorage，但我知道它无法访问它。我查看了传递的消息，但无法完成我想要的事情。

这是我尝试过的：

popup.js

$(document).ready(function(){
    chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
        if (request.method == "getList")
            sendResponse({status: localStorage['list']});
        else
            sendResponse({}); // snub them.
        });
});

content.js

$(document).ready(function(){
    var p;
    chrome.extension.sendRequest({method: "getList"}, function(response) {
        p = response.status;
        alert(response.status);
    });
});

Answer 1

弹出窗口是短暂的，这意味着代码仅在弹出窗口打开时有效。这意味着您的听众将会丢失。

将侦听器的代码从 popup.html 移至后台页面，那么这应该可以正常工作。