Wie kann ich eine Nachricht zwischen dem Popup-Fenster der Chrome-Erweiterung und dem Inhaltsskript senden?

Question

Im Anschluss an das Google-Tutorial sende ich eine Nachricht von einem Popup-Skript an ein Inhaltsskript. Die Nachricht geht richtig, aber wenn ich rufe die Antwort Rückruf ich die folgende Fehlermeldung erhalten:

Attempting to use a disconnected port object 

Dies ist popup.js:

chrome.tabs.query(
    { active: true, currentWindow: true }, 
    function(tabs) { 
    chrome.tabs.sendMessage(
     tabs[0].id, 
     { greeting: "hello" }, 
     function(response) { 
     console.log(response); 
     }); 
}); 

Dies ist content.js:

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) { 
    sendResponse('goodbye'); // <- Error here 
    }); 

Wie kann ich diese Nachricht senden und die Antwort zurück erhalten?

Answer 1

Dies erwies aufgrund einer Warnung auf der Content-Seite zu sein, aus der das Popup-Fenster zu schließen verursacht. Dies wiederum unterbricht die Verbindung zwischen dem Popup und dem Inhaltsskript.

Answer 2

In diesem Beispiel wird das Senden einer Nachricht an das Inhaltsskript auf der ausgewählten Registerkarte veranschaulicht.

chrome.tabs.query({active: true, currentWindow: true}, function(tabs) { 
    chrome.tabs.sendMessage(tabs[0].id, {greeting: "hello"}, function(response) { 
    console.log(response.farewell); 
    }); 
}); 

Referenz Link