在addon数据文件夹中引用图像资源

Question

我在数据文件夹中有一个图像:data\img\myimage.jpg.我想在内容脚本中引用它.更重要的是,我想通过将那个图像放在那里来改变主页的DOM(注入内容脚本的页面).

我试着按照Jeff在这里说的那样: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}
...

要从内容脚本中查看网址:

alert(self.options.image_url);