firefox sdk追加html文件

Question

我使用以下代码将html附加到我脚本的firefox选项卡中：

main.js：

let worker = tabs.activeTab.attach({
    contentScriptFile: [
      data.url("jquery.min.js"),
      data.url("worker.js")
    ],
    contentScriptOptions: contentOptions
  });
  attach(style, tabs.activeTab);

worker.js：

$('body').append("<div>foo</div>");

我的问题是： 是否可以将html代码添加到html文件并附加文件。这将使代码更具美感和可读性。

编辑：

如果前面的代码提交给mozilla完全审核，它将被拒绝，因为从包含可能未经过数据处理的数据的HTML字符串创建DOM节点。

Answer 1

一种可能性是使用data.load(name)并将HTML内容发送到您的contentScript：

<强> main.js

let worker = tabs.activeTab.attach({
    contentScriptFile: [
      data.url("jquery.min.js"),
      data.url("worker.js")
    ],
    contentScriptOptions: contentOptions
  });
worker.port.emit("html", data.load("worker.html"));

<强> worker.js

self.port.on('html', function(contents) {
  $('body').append(contents);
});

<强> worker.html

<div>foo</div>