How to send tab data between tabs in chome extension?

Question

I'm trying to use onMessage. Unsuccessfully.

I still don't understand how this message is sent.

Could anyone tell how can I do?

background.js

chrome.browserAction.onClicked.addListener(function(tab) {
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
        chrome.tabs.sendMessage(tabs[0].id, {greeting: "hello"}, function(response) {
          //console.log(response.farewell);
          var bkg = chrome.extension.getBackgroundPage();
            bkg.console.log(response.farewell);
        });
      });
});

Receive on another tab

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) {
      console.log(sender.tab ?
                  "from a content script:" + sender.tab.url :
                  "from the extension");
      if (request.greeting == "hello")
        sendResponse({farewell: "goodbye"});
    });

Might this be helpful ? https://stackoverflow.com/a/48392467/383904 — Roko C. Buljan, Jul 07 '20 at 23:40
I have almost identical code in my `background.js` and content script and it works; are you sure your content script is being injected? — Anthony, Jul 07 '20 at 23:49
I want to take content from any site and send it to the site. That is why I need to use extensions. — marcelo.delta, Jul 07 '20 at 23:52
what if you remove the `chrome.tabs.query` since you have a `tab` in the `browserAction.onClicked.addListener` callback and just do `chrome.tabs.sendMessage(tab.id, { greeting: "hello" });` — Anthony, Jul 07 '20 at 23:55

score 1 · Accepted Answer · answered Jul 08 '20 at 03:08

Resolved.

content.js

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) {
        

      console.log(sender.tab ?
                  "from a content script:" + sender.tab.url :
                  "from the extension2");
      if (request.greeting == "hello")
        sendResponse({farewell: "goodbye"});
    });

How to send tab data between tabs in chome extension?

1 Answers1