How can i add javascript files into an existing web page with firefox add on sdk

Question

I am toying around with the firefox sdk add on right now, and I want to add javascript files to an existing website - like adding jquery to an existing website.

How do I do that?

do you own the website page? or is this a 3rd party website? — Nandu
– Nandu, Commented Oct 28, 2015 at 1:57

Christos Papoulas · Accepted Answer · 2015-10-28 10:02:04Z

1

There are some solutions to do that. One example is the following:

var tabs = require("sdk/tabs");
var data = require("sdk/self").data;

tabs.on('ready', function(tab) {
    var worker = tabs.activeTab.attach({
        contentScriptFile: [
            data.url("jquery.min.js")
        ]
    }); 
});

Where the jquery.min.js is in your data folder of your extension and it will attached to the active tab.

One other solution is to use pageMod that it will allow you to determine in which web pages the JS will attached. In the following example it will attached to mozilla.org.:

var data = require("sdk/self").data;
var pageMod = require("sdk/page-mod");

pageMod.PageMod({
  include: "*.mozilla.org",
  contentScriptFile: data.url("my-script.js")
});

answered Oct 28, 2015 at 10:02

Christos Papoulas

2,5803 gold badges30 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can i add javascript files into an existing web page with firefox add on sdk

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related