在面板中使用JavaScript

Question

我正在使用附加组件SDK制作Firefox附加组件。 我找不到在面板中使用JavaScript代码的方法。 这是我所做的：

//file main.js
data = require("self").data

var MeteoPanel = require("panel").Panel({
  width:740,
  height:350,
  contentURL: data.url("test.html"), 
  allow:true
});

require("widget").Widget({
  id: "open-meteo-btn",
  label: "Meteo",
  contentURL: data.url("icon.png"),
  panel: MeteoPanel
});

这可行，但是我不能在test.html页面中使用JavaScript。 有人有解决方案吗？

Answer 1

尝试将js放在单独的文件中，然后：

var MeteoPanel = require("panel").Panel({
  width:740,
  height:350,
  contentURL: data.url("test.html"), 
  contentScriptFile: data.url("yourJSFile.js"), //Add this line
  allow:true
});

似乎contentScriptFile接受数组，因此如果需要添加两个源文件，则可以将其值更改为[data.url("file1.js"),data.url("file2.js")] 。