uzantı arka planından veya pop-up'tan içerik betiğine sendMessage çalışmıyor

Bu sorunun defalarca farklı şekillerde sorulduğunu biliyorum, ancak tüm cevapları gözden geçirmeye çalıştım (umarım kimseyi kaçırmadım) ve hiçbiri benim için işe yaramadı.

Uzantımın kodu:

belirgin:

{
"name": "test",
"version": "1.1",
"background": 
{ 
    "scripts": ["contextMenus.js"]
},

"permissions": ["tabs", "<all_urls>", "contextMenus"],

"content_scripts" : [
    {
        "matches" : [ "http://*/*" ],
        "js": ["jquery-1.8.3.js", "jquery-ui.js"],
        "css": [ "jquery-ui.css" ],
        "js": ["openDialog.js"]
    }
],

"manifest_version": 2
}

contextMenus.js

function onClickHandler(info, tab) {
    if (info.menuItemId == "line1"){

      alert("You have selected: " + info.selectionText);

      chrome.extension.sendMessage({action:'open_dialog_box'}, function(){});

      alert("Req sent?");

    }
}

chrome.contextMenus.onClicked.addListener(onClickHandler);

chrome.runtime.onInstalled.addListener(function() {

  chrome.contextMenus.create({"id": "line1", "type": "normal", "title": "I'm line 1",     "contexts":["selection"]});

});

openDialog.js

chrome.extension.onMessage.addListener(function(msg, sender, sendResponse) {

  if (msg.action == 'open_dialog_box') {
    alert("Message recieved!");
  }
});

Arka plan sayfasının iki uyarısı çalışır, ancak content_script'ten biri çalışmaz.

konsol günlüğünün mesajı: Bağlantı noktası hatası: Bağlantı kurulamadı. Alma sonu mevcut değil.

Benim hatam nerede

Arka plan sayfanızda aramalısınız

chrome.tabs.query({active: true, currentWindow: true}, function(tabs){
    chrome.tabs.sendMessage(tabs[0].id, {action: "open_dialog_box"}, function(response) {});  
});

chrome.extension.sendMessageŞu anda yaptığınız gibi kullanmak yerine .

chrome.tabsOysa varyant, içerik komut mesaj gönderir chrome.extensionfonksiyonu diğer tüm uzantısı bileşenlerine iletileri gönderir.

@apsillers doğru. Ayrıca içerik komut dosyası dinleyicinizde true döndürmeyi unutmayın, aksi takdirde çok erken kapanabilir.

chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
    console.log(message)
    return true
});

İçerik komut dosyasına bir mesaj gönderen bir arka plan komut dosyası örneğini burada bulabilirsiniz.

background.js

chrome.tabs.sendMessage(tabs[0].id,"your message"); 

content-script / content.js

chrome.runtime.onMessage.addListener(function (response, sendResponse) {
          console.log(response);
});

Kullanım durumum, bir web sayfasından arka plan komut dosyasına bir mesaj göndermeyi gerektirdi. Kullandığım chrome.runtime.onMessageExternalbu mesajı yakalamak için.

Bu dinleyicinin içinde, temelde mesajı içerik betiğime iletiyordum, böylece işini yapabilecekti, ancak içerik betiğimin onMessage dinleyicisinin mesajı neden yakalayamayacağını anlayamadım.

Mesajı web sayfasından göndermeden önce 1 saniye beklediğimde (temelde yüklerken yapıyordum) içerik komut dosyama isabet eden mesajı görebildim.