firefox - 引用插件数据文件夹中的图像资源

Question

我的数据文件夹中有一个图像:data\img\myimage.jpg。我想在内容脚本中引用它。此外，我想通过将该图像放在那里来更改主机页面(内容脚本注入(inject)的页面)的 DOM。

我尝试遵循杰夫在这里所说的:http://blog.mozilla.org/addons/2012/01/11/sdk-1-4-known-issue-with-hard-coding-resource-uris/ (因为我没有找到任何其他关于该问题的引用)，但没有任何效果。

为了引用附加组件文件夹中的图像，我需要在页面中使用什么 URL？

Answer 1

数据文件夹在 main.js 中可用，您可以将该 URL 作为内容脚本选项传递。

要在控制台中预览 main.js 中的 url:

var data = require("sdk/self").data;
console.log(data.url('img/myimage.jpg'));

将 url 传递给 main.js 中的内容脚本:

var image_url = data.url('img/myimage.jpg');
...
contentScriptFile: data.url('myScript.js'),
contentScriptOptions: {"image_url" : image_url}
...

要查看内容脚本中的 URL:

alert(self.options.image_url);