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 个源文件，您可以将其值更改为。