javascript - 在 firefox 插件中加载外部库

Question

我正在使用插件 sdk 开发一个 firefox 插件，但我没有成功在插件中导入外部库。重要的是要知道插件会打开一个新选项卡，我需要在其中导入库。

这是我的文件夹结构:

> data
   > jquery.js
   > pixlr.js
> lib
   > main.js

为了导入库 jquery.js 和 pixlr.js，我已经尝试了很多东西。由于需要在新选项卡中访问这些库，因此我尝试了以下操作:

tabs.open({
    url: startURL,
    inNewWindow: inNewWindow,
    inBackground: inBackground,
    contentScriptFile: [self.data.url("jquery.js")],
    onReady: function (tab) {
        tab.attach({
            contentScriptFile: [self.data.url("jquery.js"),
                                self.data.url("pixlr.js")]
        });
    }
});

有人知道为什么这行不通吗？提前致谢!

Answer 1

假设 startURL 是您附加组件中文件的 url，(尽管您还没有明确 startURL 的用途)。

试试这个:

tabs.open({
    url: startURL,
    inNewWindow: inNewWindow,
    inBackground: inBackground,
    onReady: function (tab) {
        tab.attach({
          contentScript: "self.options.urls.forEach(url => {" +
                           "var script = document.createElement('script')" +
                           "script.src = url;" +
                           "document.body.appendChild(script);" +
                         "});",
          contentScriptOptions: {
            urls: [
                self.data.url("jquery.js"),
                self.data.url("pixlr.js")
            ]
          }
        });
    }
});