javascript - 在面板中使用 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") ] 如果您需要例如添加 2 个源文件。