与 Firefox 附加脚本和内容脚本的并发

Question

当我使用 附加SDK，我注意到附加代码和内容脚本代码会互相阻塞执行。此外，附加代码似乎甚至阻止了与其他 Firefox 窗口（不仅仅是选项卡）的交互。

Firefox 附加组件的并发/进程模型是什么？

是否可以在没有协作多线程（定时器）的情况下同时运行附加组件代码和内容脚本代码？

附加代码加载了多少次？每个窗口一次？每个选项卡一次？一次？

文档指出：

Mozilla 平台正在走向一种使用它的模型 单独的进程来显示 UI、处理 Web 内容和执行 附加组件。主要的附加代码将在附加进程中运行，并将 无法直接访问任何网络内容。

所以我希望将来它们确实是独立的进程，不会互相干扰，但现在情况似乎并非如此。

---

更新：

我尝试使用附加代码中的页面工作人员，但不幸的是，这仍然阻止内容脚本（以及所有其他 JavaScript）。我还尝试在页面工作人员中使用网络工作人员，但在调用网络工作人员的 postMessage 函数时出现以下错误。

类型错误：worker.postMessage 不是函数

我也尝试在页面工作人员中创建一个 iframe，然后在 iframe 中创建一个网络工作人员，但不幸的是我无法从页面工作人员中使用 window.addEventListener。我收到以下错误：

类型错误：window.addEventMessage 不是函数

最后，我尝试将脚本（通过 script 元素）注入到 page-worker 页面中，以创建一个似乎可以工作的 Web Worker。不幸的是，我无法与这个网络工作者通信，因为我只能通过 document.defaultView.postMessage 向它发送消息。

哦，我正在编织的纠结的网...

内容脚本 ->附加组件->页面工作者-> iframe->网络工作者 ->我的代码

---

我包含了一个简单的示例：

package.json

{
    "name": "test", 
    "author": "me", 
    "version": "0.1", 
    "fullName": "My Test Extension", 
    "homepage": "http://example.com", 
    "id": "jid1-FmgBxScAABzB2g", 
    "description": "My test extension"
}

lib/main.js

var data = require("self").data;
var pageMod = require("page-mod");

pageMod.PageMod({
    include: ["http://*", "https://*"],
    contentScriptWhen: "start",
    contentScriptFile: [data.url("content.js")],
    onAttach: function (worker) {
        worker.port.on("message", function (data) {
            // simulate an expensive operation with a busy loop
            var start = new Date();
            while (new Date() - start < data.time);
            worker.port.emit("message", { text: 'done!' });
        });
    }
});

data/content.js

self.port.on("message", function (response) {
    alert(response.text);
});

// call a very expensive operation in the add-on code
self.port.emit("message", { time: 10000 });

Answer 1

消息传递系统在设计时考虑了多进程环境。不过这个环境并没有出现，看来近期也不会出现。因此，您真正拥有的是在主线程（UI 线程）上的同一进程中运行的附加组件和内容脚本。这意味着一次只有其中一个正在运行，正如您已经注意到的那样，没有并发性。

是否可以在没有协作多线程（la 计时器）的情况下同时运行附加代码和内容脚本代码？

是的，您使用网络工作人员（与page-worker< /code> 模块，尽管名称相似）。对于昂贵的操作，这通常是推荐的 - 您不希望您的附加组件在执行某些操作时停止响应消息。不幸的是，附加 SDK 无法正确公开网络工作人员，因此我不得不使用建议的解决方法 此处：

worker.port.on("message", function (message) {
    // Get the worker class from a JavaScript module and unload it immediately
    var {Cu} = require("chrome");
    var {Worker} = Cu.import(data.url("dummy.jsm"));
    Cu.unload(data.url("dummy.jsm"));

    var webWorker = new Worker(data.url("expensiveOperation.js"));
    webWorker.addEventListener("message", function(event)
    {
      if (event.data == "done")
        worker.port.emit("message", { text: 'done!' });
    }, false);
});

JavaScript 模块data/dummy.jsm 仅包含一行：

var EXPORTED_SYMBOLS=["Worker"];

附加代码加载了多少次？每个窗口一次？每个选项卡一次？一次？

如果您询问附加组件代码：它仅加载一次，并且只要附加组件处于活动状态，它就会一直存在。至于内容脚本，注入脚本的每个文档都有一个单独的实例。

Answer 2

我发现了一个在扩展的后台页面中获取 WebWorkers 的技巧：

if(typeof(Worker) == 'undefined')
{
    var chromewin   =   win_util.getMostRecentBrowserWindow();
    var Worker      =   chromewin.Worker;
}
var worker      =   new Worker(data.url('path/to/script.js'));

通过访问主窗口的 window 对象，您可以将 Worker 类拉入当前范围。这绕过了所有令人讨厌的 Page.Worker 解决方法垃圾，并且似乎工作得相当好。