How do I load javascript with the firebug console?

Question

I'm trying to load a script with the firebug console like this:

var script = document.createElement('script');
script.src = 'http://code.jquery.com/jquery-latest.js'; //example
document.getElementsByTagName("head")[0].appendChild(script);

When I run that code the firebug console gives me the error,

Blocked loading mixed active content "http://code.jquery.com/jquery-latest.js"

Is there a way to get around that?

I don't necessarily need to load jquery. The ability to insert scripts with firebug would be useful for development.

What happens if you set script.src to "//code.jquery.com/jquery-latest.js" instead? — Dagg Nabbit
– Dagg Nabbit, Commented Dec 25, 2013 at 13:35
If the page you are on is https, then you need to match the protocol — mplungjan
– mplungjan, Commented Dec 25, 2013 at 13:35

Simon Lindholm · Accepted Answer · 2013-12-26 01:35:57Z

1

As an alternative solution, Firebug's command line allows you to do include("http://code.jquery.com/jquery-latest.js");

(But https is a good idea in any case.)

answered Dec 26, 2013 at 1:35

Simon Lindholm

2,3761 gold badge21 silver badges14 bronze badges

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

Comments

Hariprasad · Accepted Answer · 2013-12-25 13:40:01Z

0

Mixed content suggests that you are loading your script from an external source served over http onto your page which is server over https

So, you can use this

script.src = https://code.jquery.com/jquery-latest.min.js;

Here is a related mozilla documentation.

answered Dec 25, 2013 at 13:40

Hariprasad

3,6403 gold badges26 silver badges41 bronze badges

Comments

SLaks · Accepted Answer · 2013-12-25 13:36:06Z

0

For security reasons, you cannot load scripts from HTTP in an HTTPS page.

Change the script URL to HTTPS.

answered Dec 25, 2013 at 13:36

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

Comments

fflorent · Accepted Answer · 2013-12-28 11:08:50Z

0

Consider the include() command, with which you can do what you want and you can even manage aliases to include your favorite scripts.

Note that by default, include() proposes the "jquery" alias to get jquery-latest. So would just have to use this command:

include("jquery")

Here is the documentation: https://getfirebug.com/wiki/index.php/Include

Florent

answered Dec 28, 2013 at 11:08

fflorent

1,66610 silver badges11 bronze badges

Collectives™ on Stack Overflow

How do I load javascript with the firebug console?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related