GreaseMonkey and Stylish for custom JS and CSS in your browser

I just stumbled upon a few repos on Gitub for injecting custom CSS and JS into web pages that are loaded into your browser: dotcss and dotjs. Not to take away anything from the developers but GreaseMonkey has been around for a long time and works with both Firefox and Chrome whereas dotjs does not. Ditto for Stylish. I remember using both of them in Firefox a long time ago (5-6 years ago).

If dotcss and dotjs are provable better than GreaseMonkey and Stylish I’ll be impressed but as it is, they look like they require a web server, a bunch of Ruby code and a Rakefile (a.k.a. build/Makefile). Seems like overkill for a bit of extra convenience.

A criticism of GreaseMonkey is that after editing you need to republish it:

GreaseMonkey user scripts are great, but you need to publish them somewhere and re-publish after making modifications. With dotjs, just add or edit files inĀ ~/.js.

I don’t think I’ve encountered this problem. My scripts were saved in some random folder and then I just reloaded the page. No need to publish them anywhere else. Same with Stylish.

Running multiple web servers is definitely overkill. If you’re going to override the JS/CSS of a website, I suggest using GreaseMonkey and Stylish instead.

Click here for 100 ingenious GreaseMonkey Hacks

Author: Rudolf Olah

Rudolf Olah is a software development expert with over 6 years of professional software developer experience. He has produced the video course Learning AngularJS Testing for PacktPublishing and works on the strategic as well as the tactical parts of software and web devleopment.

Leave a Reply and Share Your Thoughts