Firefox addon FirefoxSDK附加html文件

我使用以下代码从脚本中将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);

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

worker.js

：

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

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

$（'body'）。追加（“foo”）；

我的问题是: 是否可以将html代码添加到html文件并附加该文件。这将使代码更加美观和可读

编辑：

---

如果以前提交给mozilla full review的代码将被拒绝，因为它将从包含潜在未初始化数据的HTML字符串创建DOM节点。

一种可能是使用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"));

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

worker.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"));

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

worker.html

<div>foo</div>

foo

这是一个很好的答案，但还有其他方法吗？我有很多不同的html标签，如果我使用端口，代码会很复杂。对不起，我不知道有什么。