More Web Inspector Updates

http://webkit.org/blog/1091/more-web-inspector-updates/?utm_source=twitterfeed&utm_medium=twitter

by alexbosworth • 16 years ago

43 14 16 years ago

I love where this is going. I now use Chrome's Dev channel or a WebKit nightly for development, and only launch Firefox/Firebug to do compatibility testing.

Although I still have a ton of respect for Firefox's rendering engine, the browser just feels wrong on the Mac -- not to mention it's slow launch times. The Inspector Panel has caught up to Firebug's functionality in many areas and is now starting to surpass it.

What kills me is launching IE in a VM and discovering how archaic its developer tools are.

DrJokepu• 16 years ago

I would be the last one to defend IE in general but have you had a look at the Developer Tools of IE8? I think it's pretty decent stuff.

fortybillion3• 16 years ago

I haven't, I will test those out for sure.

IE8, of course, is the least troublesome but it's good to have options.

yesimahuman3• 16 years ago

I've gotten more used to the inspector, but I absolutely hate the style inspector. Firebug got it right with making it look like your own CSS. Also I often times can't edit a style rule, and I'm not sure why that is.

I hope those things change and improve. It doesn't seem like they want to go the Firebug route with the CSS style inspector.

scorxn• 16 years ago

It also has some presentation issues on longhand overrides of shorthand rules. Eg: If I override margin:0 with margin-top:1em, the margin:0 rule is not struckthrough.

Granted, the most accurate way to present that override would be to display margin: 0 0 0 0, with only the first 0 struckthrough. But that deviates from the written code and becomes more difficult to track.

jeff182• 16 years ago

Could you be more specific? Is it just a font thing?

yesimahuman3• 16 years ago

For my dislike of it? No, it's that I love firebug's way of displaying your CSS entries, and the webkit inspectors way is just less enjoyable to me. I like that in Firebug you inspect your CSS like you would normal CSS, but in inspector it's presented differently. It also has a lot of quirks (try changing a color, it will bork on whitespace in a strange way).

stevelosh• 16 years ago

Most infuriating thing about the Inspector in Safari: the shortcut to open the inspector won't also close it.

some1else• 16 years ago

Also, no shortcut for going straight into DOM selection in the page. Right-clicking to inspect an element is a valid, but a robust approach, compared to seeking the right element out with the looking glass.

More Web Inspector Updates

Related Stories