如何将消息从 XUL 发送到嵌入式 WebExtension

How to send message from XUL to embedded WebExtension

我需要将设置从旧版本的扩展 (XUL / Components.interfaces.nsIPrefService) 迁移到新版本 (WebExtension / browser.storage.sync)。为此,我从 Mozilla 迁移示例 (embedded-webextension-overlay) 导入了代码。在此示例中,从使用 browser.runtime.sendMessage 的嵌入式 webextension,数据从嵌入式 webextension 发送到覆盖代码。它工作正常。但是我需要改变方向,为此我在代码的覆盖部分调用 browser.runtime.sendMessage 并收到消息: browser.runtime.sendMessage 不是函数 这是修改后的覆盖代码:

{
  const addonId = "myAddon@mySite.com";
  const {
    AddonManager,
  } = Components.utils.import("resource://gre/modules/AddonManager.jsm", {});

  AddonManager.getAddonByID(addonId, addon => {
    const baseURI = addon.getResourceURI("/");

    const {
      LegacyExtensionsUtils,
    } = Components.utils.import("resource://gre/modules/LegacyExtensionsUtils.jsm");

    const myOverlayEmbeddedWebExtension = LegacyExtensionsUtils.getEmbeddedExtensionFor({
      id: addonId, resourceURI: baseURI,
    });

    myOverlayEmbeddedWebExtension.startup().then(({browser}) => {
      dump(`${addonId} - embedded webext started\n`);
      // My code
      browser.runtime.sendMessage({msg:"update-settings", data:my_data});
      /* Original Mozilla code
      browser.runtime.onMessage.addListener(msg => {
        dump(`${addonId} - received message from embedded webext ${msg}\n`);
        console.log(`===${addonId} - received message from embedded webext ${msg}\n`);
      });
      */
    }).catch(err => {
      Components.utils.reportError(`${addonId} - embedded webext startup failed: ${err.message} ${err.stack}\n`);
        console.log(`===${addonId} - embedded webext startup failed: ${err.message} ${err.stack}\n`);

    });
  });
}

我做错了什么?

使用 browser.runtime.onConnect 等待旧版插件中的传入端口,然后调用 browser.runtime.connect() from the embedded WebExtension to open a port。您应该在 connect 调用中设置一个名称,以便 onConnect 侦听器将仅使用专门用于迁移过程的端口。

这是一个例子:https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Embedded_WebExtensions#Connection-oriented_messaging