tabs.sendMessage()

tabId

integer. Идентификатор вкладки, скриптам содержимого которой мы хотим отправить сообщение.

message

any. Объект, который можно сериализовать (см. алгоритм клонирования данных).

options Необязательно

object.

frameId Необязательно

integer. Отправляет сообщение в определённую рамку, идентифицированную по frameId, вместо всех рамок во вкладке. Выполняется ли скрипт содержимого во всех рамках, зависит от параметра all_frames в разделе content_scripts manifest.json.

A Promise, который будет выполнен с объектом ответа, отправленным обработчиком сообщения в скрипте содержимого, или без аргументов, если скрипт содержимого не отправил ответ.

Если при подключении к указанной вкладке или по любой другой причине произойдёт ошибка, обещание будет отклонено с сообщением об ошибке.

Если несколько рамок отвечают на сообщение, обещание выполняется с одним из ответов.

Вот пример скрипта фоновой части, который отправляет сообщение скриптам содержимого, выполняющимся в активной вкладке, при нажатии пользователем действия браузера. Скрипт фоновой части также ожидает, что скрипт содержимого отправит ответ:

// background-script.js
"use strict";

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

function sendMessageToTabs(tabs) {
  for (const tab of tabs) {
    browser.tabs
      .sendMessage(tab.id, { greeting: "Hi from background script" })
      .then((response) => {
        console.log("Message from the content script:");
        console.log(response.response);
      })
      .catch(onError);
  }
}

browser.browserAction.onClicked.addListener(() => {
  browser.tabs
    .query({
      currentWindow: true,
      active: true,
    })
    .then(sendMessageToTabs)
    .catch(onError);
});

Вот соответствующий скрипт содержимого:

// content-script.js
"use strict";

browser.runtime.onMessage.addListener((request) => {
  console.log("Message from the background script:");
  console.log(request.greeting);
  return Promise.resolve({ response: "Hi from content script" });
});

• beastify
• cookie-bg-picker
• imagify