适用于Chrome的浏览器标签查询“接收端不存在”

Question

Background script

browser.runtime.onMessage.addListener(function (event) {
  if( event.type === 'authenticate' ) {
    browser.tabs.query({active: true}, function(tab) {
      browser.tabs.sendMessage(tab[0].id, {
        method: 'main',
        auth0: "test"
      }, function() {});
    });
  }
});

Content script

browser.runtime.sendMessage({
  type: "authenticate"
});

browser.extension.onMessage.addListener(function(request, sender, sendResponse) {
  if( request.method == 'main' ) {
    login();
  } else if( request.method == 'logout' ) {
    logout();
  }
  sendResponse({});
});

The event goes through and the tab id is correct, but the debug info from firefox shows "Error: Could not establish connection. Receiving end does not exist."

On chrome the event callback goes through. Anyone know what the issue is? Looking through google I found something about the id not being correct but I'm not sure what the issue is here.

Answer 1

Using browser.runtime.onMessage and changing

browser.tabs.query({active: true}, function(tab) {
  browser.tabs.sendMessage(tab[0].id, {
    method: 'main',
    auth0: "test"
  }, function() {});
});

to

browser.tabs.query({active: true, currentWindow: true}, function(tab) {
    chrome.tabs.sendMessage(tab[0].id, {
        method: 'main',
        auth0: "test"
    });
});

fixed it for me.