How to reference a file in the data directory of a Firefox extension?

Question

I'm working on a Firefox extension and I need to inject a JavaScript into a page from a content script. In my Chrome extension I have done the following:

this.initializeJplayerSupport = function() {
  var script = document.createElement('script');
  script.setAttribute('type', 'application/javascript');
  script.setAttribute('src', chrome.extension.getURL('js/custom-jplayer.js'));
  document.head.appendChild(script);
}

The file is in my data directory. How can I reference a js file in a firefox extension content script (where I have used chrome.extension.getURL() for Chrome)?

therealjeffg · Accepted Answer · 2014-07-03T18:59:18.683

10

If you're in main.js in your SDK-based add-on, you require and use the 'data' helper from the 'self' object:

var data = require('self').data;

console.log(data.url('somefile.js')); // prints the resource uri to the file.

For more info:

https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/self#data

Once you get this resource uri, you can then supply it to a content script using self.postMessage or self.port.emit:

https://developer.mozilla.org/en-US/Add-ons/SDK/Guides/Content_Scripts

edited Jul 03 '14 at 18:59

answered Jul 19 '12 at 07:26

therealjeffg

5,790
1
23
24

That's in the main script right and not in a contentscript? or am I wrong? – PeeHaa Jul 19 '12 at 07:27
That's in the main script, 'main.js', yes. – therealjeffg Jul 19 '12 at 07:29
"How can I reference a js file in a firefox plugin **contentscript**". Is it possible or am I looking at it the wrong way? – PeeHaa Jul 19 '12 at 07:30
added more to the answer. sorry for the confusion! – therealjeffg Jul 19 '12 at 07:33
Thanks for your help so far will check it out tonight when I get home. – PeeHaa Jul 19 '12 at 07:34
sorry., i downvoted by mistake., answer is useful. :( – Suneesh Apr 22 '14 at 13:20
Thank you. But how can I reference files contained in the plug-in data/ directory from the content script, and not from the main extension script? – davide Sep 25 '14 at 18:51
Using relative paths eg from ./data/index.html, to reference ./data/css/style.css you would just do ./css/style.css – therealjeffg Sep 29 '14 at 10:19

customcommander · Answer 2 · 2015-07-14T10:25:27.233

2

It looks like that starting in Firefox 38, cfx has been replaced with jpm.

Which might be why this line wasn't working for me:

var data = require('self').data;

I simply had to rewrite it a bit:

var data = require('sdk/self').data;

edited Jul 14 '15 at 10:25

answered Jul 13 '15 at 14:05

customcommander

17,580
5
58
84

How to reference a file in the data directory of a Firefox extension?

2 Answers2

Linked