View CSS cascade on IE for Windows
December 23, 2005 6:33 PM Subscribe
Is there an application for Internet Explorers on Windows that will let you click on or select a page element and view the cascading css rules that are being applied to that element? (Something similar to the Web Developer toolbar for Firefox or Xyle scope for Safari).
Is there a reason you can't use Firefox itself? It's not like the cascading rules are any different in the two browsers; the differences are in how said rules are interpreted when rendering HTML.
posted by cyrusdogstar at 6:57 PM on December 23, 2005
posted by cyrusdogstar at 6:57 PM on December 23, 2005
Maybe alan is asking for what I always wished for: the live, edit css function of Firefox, but for IE. Then you could see what exact CSS changes the display in IE, in realtime.
posted by mathowie at 7:11 PM on December 23, 2005
posted by mathowie at 7:11 PM on December 23, 2005
That would be super nice, wouldn't it :) His question definitely sounds like he's asking for a different CSS-related feature of the Web Developer extension, though, one which would not be nearly as useful for debugging IE-specific CSS issues.
/glad the HTML/CSS is no longer the primary focus of his Web development work
posted by cyrusdogstar at 8:29 PM on December 23, 2005
/glad the HTML/CSS is no longer the primary focus of his Web development work
posted by cyrusdogstar at 8:29 PM on December 23, 2005
Best answer: Matt, there is a tool that lets you view and edit CSS live in IE.
posted by anildash at 9:18 PM on December 23, 2005
posted by anildash at 9:18 PM on December 23, 2005
The MS IE Developer Toolbar has the exact tool you need... well... at least, as close as you're going to get... it will tell you what rules are applied to it, but I'm not sure if it'll tell you HOW they got applied
i.e. color=red, but not
.red{ color:red;}
posted by hatsix at 10:15 PM on December 23, 2005
i.e. color=red, but not
.red{ color:red;}
posted by hatsix at 10:15 PM on December 23, 2005
Response by poster: The IE Developer Toolbar doesn't quite have what I'm looking for.
What I want is an IE/Win equivalent to the "View Style Information" feature of the Web Developer Toolbar for Firefox.
It's not like the cascading rules are any different in the two browsers; the differences are in how said rules are interpreted when rendering HTML.
Unfortunately, that's not quite true. I'm not 100% percent convinced that IE 6 will interpret specificity issues the same as Firefox and Safari.
Beyond that, when you consider conditional comments, hacks, and lack of support for certain parts of the CSS spec (child selectors) it's quite possible that a chunk of CSS is going to be applied one way in Firefox, but another in IE/Win. Having an IE specific tool to diagnose this would be useful.
posted by alana at 12:05 AM on December 24, 2005
What I want is an IE/Win equivalent to the "View Style Information" feature of the Web Developer Toolbar for Firefox.
It's not like the cascading rules are any different in the two browsers; the differences are in how said rules are interpreted when rendering HTML.
Unfortunately, that's not quite true. I'm not 100% percent convinced that IE 6 will interpret specificity issues the same as Firefox and Safari.
Beyond that, when you consider conditional comments, hacks, and lack of support for certain parts of the CSS spec (child selectors) it's quite possible that a chunk of CSS is going to be applied one way in Firefox, but another in IE/Win. Having an IE specific tool to diagnose this would be useful.
posted by alana at 12:05 AM on December 24, 2005
This thread is closed to new comments.
posted by Gortuk at 6:47 PM on December 23, 2005