尝试在contentScript中调用函数时“未定义函数”

Question

附加代码，创建一个Panel 。
onShow() ，从本地文件系统读取文件列表，并填充到Panel 。
单击文件名旁边的<img> ，我正在尝试调用Namespace.load() ，以向我的插件代码发送一条消息，但我Namespace is not defined 。

有什么想法吗？

Data.js

var data = require("sdk/self").data;
exports.get = function(content) {
    return data.url(content);
};

main.js

var Data = require("./Data");
var panel = Panel.Panel({
  width: 450,
  height: 300,
  contentURL: Data.get("html/view.html"),
  contentScriptFile: Data.get("js/controller.js"),
});

错误..

JavaScript error: resource://jid1-xqhae0e9m07ekq-at-jetpack/addon-firefox/data/html/view.html, line 1: Namespace is not defined

controller.js （contentScript）..

var Namespace = {
  load: function(filename) {
    self.port.emit("load", filename);
  }
};

self.port.on("uiData", function (uiData) {
  var parsed = JSON.parse(uiData),
    content = '';

  for (var i = 0; i < parsed.files.length; i++) {

    content = '<tr>';
    content += '<td>' + parsed.files[i] + '</td>';
    content += '<td><img onclick="Namespace.load(' + parsed.files[i] + ');" src="../images/load-24.png"></img>';
    content += '</td></tr>';

    document.getElementById('resultFiles').innerHTML += content;
  }

  document.getElementById("directory").value = parsed.directory;
});

Answer 1

二手Components.utils.exportFunction因为有变化FF30执行环境为内容的脚本，描述在这里 。

var Namespace = {
  load: function(filename) {
    self.port.emit("load", filename);
  }
};

exportFunction(Namespace.load, unsafeWindow, {defineAs: "load"});

self.port.on("uiData", function (uiData) {
  var parsed = JSON.parse(uiData),
    content = '';

  for (var i = 0; i < parsed.files.length; i++) {

    content = '<tr>';
    content += '<td>' + parsed.files[i] + '</td>';
    content += '<td><img onclick="window.load(\'' + parsed.files[i] + '\');" src="../images/load-24.png"></img>';
    content += '</td></tr>';

    document.getElementById('resultFiles').innerHTML += content;
  }

  document.getElementById("directory").value = parsed.directory;
});

Answer 2

我认为工作代码如下所示：

var data = require("sdk/self").data;
var panel = Panel.Panel({
  width: 450,
  height: 300,
  contentURL: data.url("html/view.html"),
  contentScriptFile: data.url("js/controller.js"),
});

您可以通过self.data.url（）获得给定文件的资源uri。 有关更多信息，请参见面板上的文档 。