Javascript &引用；试图使用断开连接的端口对象“；将消息从内容发送到Chrome扩展中的弹出窗口时

所以，我需要将消息从弹出窗口传递到内容，反之亦然。目前我正在做的就是这样，但这不符合它的工作原理：

manifest.json：

{
  // Required
    "manifest_version": 2,
    "name": "Extension name",
    "version": "0.1",
    "content_scripts": [
    {
        "matches": ["*://*/*"],
        "js": ["content.js"]
    }
    ],
    "browser_action" : {
        "default_title" : "Extension name",
        "default_popup" : "popup.html"
    },
    "permissions": [
        "tabs",
        "*://*/*",
        "contextMenus"
    ]

}

popup.js

var port = "";
window.onload = function() 
{
    document.getElementById("captureImage").onclick = captureImage;
}


function captureImage(isBig = true)
{
    chrome.tabs.query({'active': true}, function (tabs) {
        port = chrome.tabs.connect(tabs[0].id, {name: "Besada"});
        port.onMessage.addListener(function(msg) {
            alert(msg.message);
        });
        port.postMessage({message: "getCoords"});
    });
}

和content.js

chrome.runtime.onConnect.addListener(function(port){
    port.onMessage.addListener(function(msg) {

    });

    port.postMessage({message: "hello!"});  // this message I receive

    document.onmouseup = function(e) {
        port.postMessage({message: "hello!"}); // this message produces an error
    };
});

我需要的是当用户释放鼠标左键时发送消息。下面是发生的情况：当我在我的

popup.html

中单击一个按钮时，会显示带有文本“Hello”的警报，但当我在之后单击页面中的任何位置时，我会收到一个错误：

未捕获错误：尝试使用断开连接的端口对象

我做错了什么？我怎样才能解决这个问题

我猜当我单击页面时弹出窗口关闭时，端口正在断开连接，但我不确定这一点。

当您单击其他位置时，弹出窗口不再作为文档存在。它就像一个已经关闭的标签。因此，再也没有什么可以交流的了

---

修复它的正确方法是与后台页面通信，或者使用非易失性

chrome.storage

。然后，当弹出窗口打开时，您可以使用任一信息源来显示内容。

不知道

chrome.storage

，请尝试，谢谢！