• 0

Grab All CSS Used From A Webpage?


Question

Hello,

I am making a sub site, I would like a new CSS sheet thats cut down to just what that page needs.

What I would ideally like is a firefox extension that shows the CSS used on a currently viewed page, but not the CSS unused on that page.

Is this possible?

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

Normally the style sheet is only downloaded once, if visitors use both the main site and the sub site then you can just link to the same style sheet.

The element inspector in chrome can be very useful for this sort of stuff, i'm not sure about Firefox but there probably is a plugin for cleaning redundant code.

Link to comment
Share on other sites

  • 0

If this is your own site, you should know what CSS you need (and don't need) for your stylesheet. Hopefully you aren't taking from someone else's site as that would be extremely frowned upon.

That being said, if you want to not do the work yourself I suppose you can try Firebug with CSS Usage.

Link to comment
Share on other sites

  • 0

Hello,

I am making a sub site, I would like a new CSS sheet thats cut down to just what that page needs.

What I would ideally like is a firefox extension that shows the CSS used on a currently viewed page, but not the CSS unused on that page.

Is this possible?

"I am making a sub site, I would like a new CSS sheet thats cut down to just what that page needs."

Yes. That can be easily done.

The ONLY extension tool for Firefox that you need for web development is "Web Developer" but here are some more for you to try out.

Firebug

Element Properties

Library Detector

Rainbow

Screen Capture Elite

Shooter

View Source Chart

Link to comment
Share on other sites

  • 0

Krome, I believe you actually missed the point on what he really needed:

What I would ideally like is a firefox extension that shows the CSS used on a currently viewed page, but not the CSS unused on that page.

Web Developer extension does not do this, so it would not be helpful for his exact requirement.

Link to comment
Share on other sites

  • 0

I have to admit that I am not quite sure of his intention but I am sure that Web Developer allows you to view, disable, and manipulate CSS on that page source view. I suggested Web Developer because it is very powerful if you know how to use it. His sentence is not very clear because I can see at least two routes to his requests.

Link to comment
Share on other sites

  • 0

I have to admit that I am not quite sure of his intention but I am sure that Web Developer allows you to view, disable, and manipulate CSS on that page source view. I suggested Web Developer because it is very powerful if you know how to use it. His sentence is not very clear because I can see at least two routes to his requests.

The web developer extension won't do what he wants. It will only adisable various styles, display all css, just print styles, just handheld styles and of course edit, reload and view.

He wants to be able to use an extension to view only the css that is being used on the page he's viewing. I would say his post was pretty clear on what he needed :p.

Link to comment
Share on other sites

  • 0

Hello,

Ofcourse I'm not stealing someone elses CSS. Over time the main CSS has grown large and for this sub site I wanted a lean CSS sheet as its a small project.

Unfort. CSS Usage seems to have been removed.

Guess I'm just going to have todo it manually :/

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.