Question

我正在尝试创建一个firefox扩展（我的第一个扩展，所以我是初学者）。我想做这个例子：

但这是我的结果：

我无法理解为什么我的图像没有加载，为什么按钮右边的框架是空的，以及是否可以增加工具栏的高度。

有我的代码：

index.js：

var { ActionButton } = require('sdk/ui/button/action');
var { Toolbar } = require("sdk/ui/toolbar");
var { Frame } = require("sdk/ui/frame");

var previous = ActionButton({
  id: "previous",
  label: "previous",
  icon: {
      "16": "./icons/previous.png"
    },
    onClick: function(state) {
        console.log("button '" + state.label + "' was clicked");
    }
});

var next = ActionButton({
  id: "next",
  label: "next",
  icon: {
      "16": "./icons/next.png"
    },
    onClick: function(state) {
        console.log("button '" + state.label + "' was clicked");
    }
});

var play = ActionButton({
  id: "play",
  label: "play",
  icon: {
      "16": "./icons/play.png"
    },
    onClick: function(state) {
        console.log("button '" + state.label + "' was clicked");
    }
});

var frame = new Frame({
  url: "./frame-player.html"
});

var toolbar = Toolbar({
  title: "Player",
  items: [previous, play, next, frame]
});

frame-player.html：

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    TEST
  </body>
</html>

Answer 1

通过将所有文件（图像，脚本，...）放入＆＃34;数据＆＃34;解决。我的扩展名的文件夹。

带工具栏的Firefox扩展

1 个答案: