Mobile app version of vmapp.org
Login or Join
Kaufman445

: Load custom CSS through browser to site being viewed? Is there a way I can load a CSS stylesheet to a site I'm viewing in a browser? I'm working on my company website. For obvious reasons

@Kaufman445

Posted in: #Css #WebDevelopment

Is there a way I can load a CSS stylesheet to a site I'm viewing in a browser?

I'm working on my company website. For obvious reasons I don't want to make changes to the live version of the site while I develop. Normally there is a development version I can work on, but this is currently down. All I need to do is add CSS and see these changes as I go along.

Firefox's web developer can add a local stylesheet, but as soon as you refresh the page or navigate away it stops being added and you have to manually add it again (even with persist features turned on). With all the incremental changes I need to make this isn't really a solution for me.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Kaufman445

2 Comments

Sorted by latest first Latest Oldest Best

 

@Kevin317

The Stylish Firefox add-on lets you manage a collection of local stylesheets that can be specified to work only for specific domains. Have a look at userstyles.org for what people have done with it.
There's also a version for Chrome, if needed.

10% popularity Vote Up Vote Down


 

@Gretchen104

You can put an alternate stylesheet into the header:

<LINK href="mystyle.css" title="Medium" rel="alternate stylesheet" type="text/css">


You can then select it from Firefox with View->Page Style->your stylesheet.

Anyone else viewing the page could do that, but I doubt they will think to do it. Presumably it's not a big problem if they do though.

This addon amongst other things lets you specify a local stylesheet if you can't change the live site. (I've not used it myself.)

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme