Chrome擴展程序的長期連接：從后台檢索消息到內容

Question

我讀了此書並在其他地方搜索過，但無法解決此問題。 我正在使用長期連接。 我將消息從內容腳本發送到后台，然后再將消息從背景腳本發送到內容腳本。 但是，由於某些原因，我無法在內容文件上接收消息...

內容腳本：

var port = chrome.runtime.connect({name: "my-channel"});

// receive messages
port.onMessage.addListener(function(msg) {
  console.log(msg); // doesn't log anything    
});

document.addEventListener('DOMContentLoaded', function () {
    document.getElementById('alertButton').addEventListener('click', function() { 
        // send message
        port.postMessage({myProperty: "value"});
    });
});

背景：

chrome.runtime.onConnect.addListener(function(port) {
    if(port.name == "my-channel"){
        port.onMessage.addListener(function(msg) {
           // do something
           // then send message to the content
           port.postMessage({myProperty: "value"});
        });
    }
});

編輯：我的manifest.json

{
  "manifest_version": 2,
  "name": "Test extension",
  "version": "1.0",
  "browser_action": {
  "default_popup": "main_ui.html",
  "default_title": "Test Extension"
  },
  "content_scripts": [{
    "matches": ["<all_urls>"],
    "js": ["logic.js"]
  }],
  "background": {
    "scripts": ["background.js"],
    "persistent": true
  },
  "permissions": [
    "tabs",
    "activeTab"
  ]
}

Answer 1

解決方案：我使用的是連接發生時的“端口”的舊引用。 偵聽器的第二個參數（在那里不可見）實際上是端口。