Load an external library CSS using a Chrome userscript

Question

I want to load an external library (jQuery) into my .user.js script, to modify the CSS of an existing site. Now i am using $script to load external libraries, but it doesn't work.

On the other hand it would be also good to load external CSS files to modify the page, but I don't know how to do that. How can I modify the CSS easily with .user.js? How can I load external JS libraries?

This is my userscript at pastebin.com.

UPDATE:

I want to write a script or load a CSS which automatically modify the page look.

I tried to load the jQuery library with $script micro library but it doesn't work, because Chrome disables AJAX communication in the .user.js.

Are you talking about greasemonkey or chrome extension?

serg
– serg

2011-05-20 15:28:59 +00:00
Commented May 20, 2011 at 15:28 — serg
– serg, Commented May 20, 2011 at 15:28
this is a chrome version of greasemonkey user scripts

Gergely Fehérvári
– Gergely Fehérvári

2011-05-20 15:30:35 +00:00
Commented May 20, 2011 at 15:30 — Gergely Fehérvári
– Gergely Fehérvári, Commented May 20, 2011 at 15:30

serg · Accepted Answer · 2011-05-20 17:46:20Z

3

If you don't mind taking Chrome Extension route then all problems you describing can be solved very easily without any extra coding, just with manifest file:

{
  "name": "My extension",
  ...
  "content_scripts": [
    {
      "matches": ["http://www.google.com/*"],
      "css": ["mystyles.css"],
      "js": ["jquery.js", "myscript.js"]
    }
  ],
  ...
}

It will automatically inject jquery and css along with your script to domains you specified.

answered May 20, 2011 at 17:46

serg

112k78 gold badges326 silver badges337 bronze badges

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

Comments

RwwL · Accepted Answer · 2011-05-20 16:46:05Z

0

Not sure from the way the question is written, but if the only thing you want is the ability to apply jQuery to any page you happen to be looking at (so you could then change some CSS via the jQuery commands on the console), you could do that with the jQuerify bookmarklet instead of a userscript.

http://www.learningjquery.com/2009/04/better-stronger-safer-jquerify-bookmarklet

Of course you could also just directly modify the CSS from the console, no JS required.

answered May 20, 2011 at 16:46

RwwL

3,3081 gold badge25 silver badges25 bronze badges

Collectives™ on Stack Overflow

Load an external library CSS using a Chrome userscript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related