13

Is there a way to call a function in the background script from the popup? I can't explain it much further than that question. It's not an error I'm having with what I'm trying to do but rather something I completely don't know how to do. I want to make it possible to click a button in the popup page that'll call a function defined in the background page.

Anonymous
  • 1,823
  • 7
  • 23
  • 29
  • Possible duplicate of [How to communicate between popup.js and background.js in chrome extension?](https://stackoverflow.com/questions/13546778/how-to-communicate-between-popup-js-and-background-js-in-chrome-extension) – GorvGoyl Nov 29 '17 at 05:27

4 Answers4

26

Try this

 var bgPage = chrome.extension.getBackgroundPage();
 var dat =  bgPage.paste(); // Here paste() is a function that returns value.
Exception
  • 8,111
  • 22
  • 85
  • 136
16

It is indeed possible, using Message Passing.

popup.js

$("#button").click(function(){
    chrome.runtime.sendMessage({ msg: "startFunc" });
});

background.js

var func = function(){
    alert("Success!");
};

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse){
        if(request.msg == "startFunc") func();
    }
);
mattsven
  • 22,305
  • 11
  • 68
  • 104
1

You can just call background.js functions in popup.js. You don't need to do anything extra. At least that is the case for me.

Edit: you probably need to add

"background": { "scripts": "background.js" }

in your manifest.json file.

Shunya Watanabe
  • 340
  • 3
  • 9
0

You can still use chrome.extension.sendMessage. But that is getting deprecated. Use chrome.runtime.sendMessage and chrome.runtime.onMessage.addListener instead.

Derrick
  • 1,508
  • 11
  • 8