MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/8d22564490d8

runtime.sendMessage()

Sends a single message to event listeners within your add-on or a different add-on.

If sending to your add-on, omit the extensionId argument. The runtime.onMessage event will be fired in each page in your add-on, except for the frame that called runtime.sendMessage.

If sending to a different add-on, include the extensionId argument set to the other add-on's ID. runtime.onMessageExternal will be fired in the other add-on.

Add-ons cannot send messages to content scripts using this method. To send messages to content scripts, use tabs.sendMessage.

This is an asynchronous function that returns a Promise.

Syntax

var sending = browser.runtime.sendMessage(
  extensionId,             // optional string
  message,                 // any
  options                  // optional object
)

Parameters

extensionIdOptional
string. The ID of the add-on to send the message to. Include this to send the message to a different add-on. If the intended recipient has set an ID explicitly using the applications key in manifest.json, then extensionId should have this value. Otherwise it should be have the ID that was generated for the intended recipient.
If extensionId is omitted, the message will be sent to your own add-on.
message
any. An object that can be serialized to JSON.
optionsOptional
object.
includeTlsChannelIdOptional
boolean. Whether the TLS channel ID will be passed into runtime.onMessageExternal for processes that are listening for the connection event.

Return value

A Promise. If the sender sent a response, this will be fulfilled with the response as a JSON object. Otherwise it will be fulfilled with no arguments. If an error occurs while connecting to the add-on, the promise will be rejected with an error message.

Browser compatibility

ChromeEdgeFirefoxFirefox for AndroidOpera
Basic support26Yes45.048.015
optionsYesNo45.048.0Yes

Examples

Here's a content script that sends a message to the background script when the user clicks the content window. The message payload is {greeting: "Greeting from the content script"}, and the sender also expects to get a response, which is handled in the handleResponse function:

// content-script.js

function handleResponse(message) {
  console.log(`Message from the background script:  ${message.response}`);
}

function handleError(error) {
  console.log(`Error: ${error}`);
}

function notifyBackgroundPage(e) {
  var sending = browser.runtime.sendMessage({
    greeting: "Greeting from the content script"
  });
  sending.then(handleResponse, handleError);  
}

window.addEventListener("click", notifyBackgroundPage);

The corresponding background script looks like this:

// background-script.js

function handleMessage(request, sender, sendResponse) {
  console.log("Message from the content script: " +
    request.greeting);
  sendResponse({response: "Response from background script"});
}

browser.runtime.onMessage.addListener(handleMessage);

Example add-ons

Acknowledgements

This API is based on Chromium's chrome.runtime API. This documentation is derived from runtime.json in the Chromium code.

Microsoft Edge compatibility data is supplied by Microsoft Corporation and is included here under the Creative Commons Attribution 3.0 United States License.

Document Tags and Contributors

 Contributors to this page: wbamberg, Rob W, jsnjack, Makyen, chrisdavidmills
 Last updated by: wbamberg,