ansaurus

Question

How to apply css locally on any online page?

Answer 1

+2 A:

http://getfirebug.com/firebuglite

echoback 2010-03-01 11:06:22

this is related to my question

metal-gear-solid 2010-03-01 13:03:47

Answer 2

+1 A:

If the site you are testing for is not facing the public so speed doesn't matter, you could set up a service like dynDNS and turn your work PC into a web server. (Caveat: It's lots of work and you need to secure it.) You could then have all your style sheets on your local computer, and have your on-line site reference them like this:

<link rel="stylesheet" href="http://jitendra.dyndns.org/styles/styles.css"&gt;

Pekka 2010-03-01 11:06:39

is there any option in IE and FF to achieve this

metal-gear-solid 2010-03-01 11:08:16

@Jitendra No, this has nothing to do with browsers. You would also need to set up a local hosting environment (if you don't already have one.), so this is a solution with a fair amount of work.

Pekka 2010-03-01 11:09:31

Firebug is different thing I know but my question is different

metal-gear-solid 2010-03-01 11:11:20

@jitendra what speaks against directly uploading the CSS whenever a change occurs? Is this too bothersome in your working environment?

Pekka 2010-03-01 11:13:28

yes because i can't access CSS from FTP but i can add css from CMS's UI and CMS ui doesn't have Syntax highlighting.It's a very unusual situation for me.

metal-gear-solid 2010-03-01 11:18:30

Answer 3

+1 A:

I'd use a proxy such as Charles and use its URL remapping features to divert requests for the stylesheets to local files.

David Dorward 2010-03-01 11:06:43

Great idea, but he would probably have to have a local web server running in order to serve the CSS - if you rewrite the URLs to `file:///` ones, the browser might give trouble because of security restrictions. Then again, it might not, it being only CSS.

Pekka 2010-03-01 11:25:45

No, it wouldn't. That's why I said "local files" and not "a local web server" (you **can** rewrite to a different HTTP URL if you like, but local files are fine). And browsers won't give you security issues, the browser asks for http://example.com/foo.css and the proxy gives it a local file instead. The browser doesn't know the difference.

David Dorward 2010-03-01 11:52:05

Answer 4

+1 A:

Sounds like you could use version control. Try http://git-scm.com/ or http://subversion.tigris.org/ ( http://tortoisesvn.tigris.org/ for a non-command line version)--it does a lot more, but it would allow you to do what you want, and what else it does it sounds like you might need.

Talk to your server admin about setting one or another up.

D_N 2010-03-01 11:13:50

I'm for using version control any day, but how would it help the OP's situation?

Pekka 2010-03-01 11:24:42

He wants to 1) save his changes on a local machine and 2) have them affect an online site *without* uploading his changes. Editing your hosts file and using version control can get you this without any real disconnect, so long as you keep in mind what you're seeing isn't live until you commit your changes.

D_N 2010-03-01 11:38:28

(I dunno, I assumed fiddling with your hosts file to have a common place to preview the result was standard stuff. Bad assumption on my part. It's just how I've used it.)

D_N 2010-03-01 11:40:37

@DN I see. This is an interesting idea, as it bypasses the installing of a web server. But you're probably not going to be able to convert `/styles/styles.css` to a local repository request using a simple hosts file, not without some URL rewriting - for which, again, you would need a fully equipped web server installed.

Pekka 2010-03-01 11:59:05

I bow to your greater knowledge. I do what the sys admins tell me, and smile and nod and complain if they lock me out, is all.

D_N 2010-03-01 12:18:15

Answer 5

+1 A:

If you have web developer toolbar then you can view the current css and edit the same and then can see the changes ....

Its available for both firfox and IE

Ie web developer toolbar for IE

and Firefox web developer toolbar for firrefox

kvijayhari 2010-03-01 11:14:26

Answer 6

+2 A:

I think this is the closet way

http://209.85.229.132/search?q=cache:_7_eRIBRrhoJ:www.nealgrosskopf.com/tech/thread.php%3Fpid%3D60+http://www.nealgrosskopf.com/tech/thread.php%3Fpid%3D60&cd=1&hl=en&ct=clnk&gl=in&client=firefox-a

but only for firefox

Edit : 29 April 2010

I found another better way

http://www.tomjewett.com/accessibility/508-eval-tools.html

In FireFox, from the Web Developer toolbar, select CSS -> Add User Style Sheet, browse to wherever you stored it and click the Open button. When you are finished, just un-check the "Add User Style Sheet" on the toolbar CSS menu.

In Microsoft Internet Explorer, select Tools -> Internet Options... -> Accessibility... and check the "Format documents using my style sheets" box. Using the Browse button, open the lowvis.css style sheet from wherever you stored it, and click OK to both the Accessibility and the Internet Options panels. When you are finished, simply un-check the "...my style sheets" box on the Accessibility panel.

metal-gear-solid 2010-03-01 11:25:06

+1 Great find! For a cross-browser solution you will need something else, though. Even if you find something similar in IE8, it won't work in IE7, IE6, Safari, Opera.... Better go with one of the outlined suggestions.

Pekka 2010-03-01 12:00:06

ansaurus

tags:

views:

answers:

How to apply css locally on any online page?

related questions