Comments on: Web Inspector Redesign

By: colinr

colinr — Tue, 14 Oct 2008 19:58:31 +0000

Absolutely brilliant changes!

The only request I’d make would be to see an option to view colours in CSS as hex rather than just RGB.

Thanks

By: omtv

omtv — Tue, 14 Oct 2008 06:30:49 +0000

can’t help myself to say it’s such a nice tool~
thanks

By: David Smith

David Smith — Mon, 06 Oct 2008 05:29:11 +0000

jpelker: These changes aren’t in Safari 3.1; you’ll need to wait for an update, or use the nightly builds available from nightly.webkit.org

By: jpelker

jpelker — Sun, 05 Oct 2008 16:10:07 +0000

@webjive: I appreciate the very apt words about web handymen. I’ve made a young, but fairly successful career from being able to do all of the little things that can take a website from an idea to fruition. Nevermind the fact that I’m not especially great at any of these skills, but at least I’ve got the toolset to create and administer websites. Of course, firebug has been a huge part of this toolset.

Quick question; I’m using Safari 3.1.2. I’ve got the web inspector up and running, but could you please explain how to edit the styles? You mentioned double-clicking. That’s not working…Am I missing something?

Thanks!

By: Timothy Hatcher

Timothy Hatcher — Sat, 04 Oct 2008 08:26:43 +0000

@webjive “It would be nice to have the file location display by simply hovering over the CSS file in the Elements window on the right.” We already do that, hover the link and you will get a tooltip in a second with the full location,

By: macmoz

macmoz — Fri, 03 Oct 2008 17:08:46 +0000

For me, as a dummy: in FB I can tab through all properties: http://getfirebug.com/screenCSS-learn.gif

And if I doubble click in the empty area next to the properties it adds a new emty property. It autocompletes as I type, i.e. backg gives me background, if I press up or down it makes further suggestions, like background-image.

Is that possible here too, or am I missing something?

By: David Smith

David Smith — Fri, 03 Oct 2008 10:57:01 +0000

Neo: you can use the inspector in other WebKit apps. Go back to the original inspector blog post, it has the defaults write command to enable it.

By: eyelidlessness

eyelidlessness — Fri, 03 Oct 2008 08:15:42 +0000

“So I guess its okay to talk about it now, even tho this is in the Safari 4 previews (and under NDA for ADC members)?”

From what I was told, you can talk about any features in the Webkit nightlies and specify that they are Webkit nightly features, rather than features of the Safari browser version which shall not be named, with the completely unpredictable version number following the current major revision. Quite a lot of these features have been in the nightlies for some time.

By: Neo

Neo — Fri, 03 Oct 2008 04:46:22 +0000

So I guess its okay to talk about it now, even tho this is in the Safari 4 previews (and under NDA for ADC members)?

Also, I don’t like that you can’t attach the JavaScript debugger to other WebKit apps anymore (or am I missing something)? Safari is not the only place we need to debug JavaScript, especially now that the JavaScript engine is so fast it can almost be considered an application framework (esp. if you are Google) and thus breaks free of Safari for RAD and custom browsers or HTML-based content display (Mail.app, Adium, iChat, a certain networking setup/utility product I work on all day).

By: webjive

webjive — Fri, 03 Oct 2008 04:17:34 +0000

I’ll add to @ugocassione comments.. besides line numbers, if you hover over the css file name, it will show you the location of the CSS file so you don’t have to guess which one it is.. Webkit is already pulling this info and if you click the css file name, it changes to the resources window. It would be nice to have the file location display by simply hovering over the CSS file in the Elements window on the right..