Chrome uzantısı birden çok bağlantı noktası Bağlantı Ayrılma Hatası hatası veriyor

Question

İki farklı içerik komut dosyası kullanıyorum bir Chrome uzantısı geliştiriyorum. Biri ana sayfada, diğeri ise bir iframe içine yüklenen harici bir sayfada (kontrol ettiğim) yüklenir. İki betiğin birbiriyle her iki yönde iletişim kurması gerekiyor, bu yüzden Messaging API'sini uygulamaya çalışıyorum.

Anladığım kadarıyla, her sayfanın background.js ile iletişim kurması en iyisidir. Benim yapmaya çalıştığım şey bu. Şu anda sadece mesajların gelip gelmediğini görmeye çalışıyorum. Ama alıyorum hatadır:

Error: Attempting to use a disconnected port object 

O "page_post.postMessage (msg)" bahsediyor background.js içinde. Sorun, birden çok bağlantı noktası kullanmam olabilir mi?

Menu.js

var port = chrome.runtime.connect({name: "menuport"}); 
port.postMessage({source: "menu", status: "ready", id: menu_id}); 
port.onMessage.addListener(function(msg) { 
    console.log('MenuJS') 
    console.log(msg) 
}); 

page.js

var page_port = chrome.runtime.connect({name: "pageport"}); 
page_port.postMessage({source: "page", status: "ready"}); 
page_port.onMessage.addListener(function(msg) { 
    console.log('PageJS') 
    console.log(msg) 
}); 

background.js

var menu_port = chrome.runtime.connect({name: "menuport"}); 
var page_port = chrome.runtime.connect({name: "pageport"}); 

chrome.runtime.onConnect.addListener(function(menu_port) { 
    menu_port.onMessage.addListener(function(msg) { 
     console.log('BGJS') 
     console.log(msg) 
     page_port.postMessage(msg); 
    }); 
}); 

chrome.runtime.onConnect.addListener(function(page_port) { 
    page_port.onMessage.addListener(function(msg) { 
     console.log(msg) 
    }); 
}); 

Answer 1

farklı bir formülasyon ile tekrar bu soruyu sordu ve oldukça hızlı bir şekilde bir cevap var. Hile bağlantıdan sonra portu saklamaktır. Bkz. Chrome extension - Messaging with multiple ports

Answer 2

Sizin background pageruntime.onConnect dinleyici kez kayıt ve port.name farklı port ayırt edilmelidir.

background.js

chrome.runtime.onConnect.addListener(function(port) { 
    if(port.name === "menuport") { 
    // menu port logic 
    } else if (port.name === "pageport") { 
    // page port logic 
    } 
});