在面板中使用JavaScript

Using JavaScript in a panel

本文关键字：JavaScript      更新时间：2023-09-26

我正在使用插件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。有人有解决方案吗？

尝试将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也接受一个数组，所以如果需要添加2个源文件，可以将其值更改为[data.url("file1.js"),data.url("file2.js")]。

相关文章：