Question

所以，我需要将消息从弹出窗口传递到内容，反之亦然。目前这就是我现在正在做的事情，但这不起作用它应该如何工作：

的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”文本的警报，但是当我点击页面中的任何位置后，我收到错误：{{1 }}

我做错了什么，如何解决这个问题？

当我点击页面弹出关闭时，我的猜测端口正在断开连接，但我对此并不确定。

Answer 1

当您点击其他地方时，弹出不再存在作为文档。它就像一个已关闭的标签。因此，不再需要与之沟通。

修复它的正确方法是改为与后台页面通信，或使用非易失性chrome.storage。然后，当弹出窗口打开时，您可以使用任一信息源来显示内容。

“将内容中的消息发送到Chrome扩展程序中的弹出窗口”中的“尝试使用已断开连接的端口对象”

1 个答案: