javascript - Firefox Add-On SDK 内容脚本中的相对图像 url

Question

我目前正在使用 Add-On SDK 开发 Firefox 扩展，遇到了一个真正的问题。基本上我的扩展程序只是将内容脚本注入(inject)网页，如下所示:

ma​​in.js

var pageMod = require("page-mod");
var self = require("self");

pageMod.PageMod({
  include: "http://mail.google.com/mail/*",
  contentScriptFile: [self.data.url("jquery.js"),
                      self.data.url("start.js")],
  attachTo : ["top"]
});

start.js

$('body').append('<div>1</div><img src="insertnote.png" /><div>2</div>');

start.js 和 insertnote.png 都位于数据文件夹中。除了图像，一切正常。我只是找不到如何获取图片标签的真实网址。相对网址似乎不起作用。 :(

甚至可以在内容脚本中包含插件的内部图像，还是我应该只使用我的网络服务器的绝对 URL？

Answer 1

您可以使用“contentScriptOptions”将值传递到内容脚本中。

主要.js

var pageMod = require("sdk/page-mod");
var self = require("sdk/self");
pageMod.PageMod({
  include: "http://mail.google.com/mail/*",
  contentScriptFile: [self.data.url("jquery.js"),
                      self.data.url("start.js")],
  attachTo : ["top"],
  contentScriptOptions: {
    pngUrl: self.data.url("insertnote.png")
  }
});

开始.js

$('body').append('<div>1</div><img src="' + self.options.pngUrl + '" /><div>2</div>');