Comments on: Improving the Web Inspector

By: Chadwick Wood

Chadwick Wood — Tue, 23 Mar 2010 23:29:34 +0000

Has any progress been made with regard to being able to export the CSS changes made via the Inspector? That would really help it be a more effective in-page design tool!

By: Joseph Pecoraro

Joseph Pecoraro — Wed, 18 Nov 2009 06:36:22 +0000

Thanks everyone for all of the comments. I have replied directly to many of you with links to bug reports that you can follow if you mentioned you desired certain features or ran into certain problems. I really appreciate the feedback and enthusiasm.

Thank You!

By: Web Inspector gets major improvements - Wasif Hafeez

Web Inspector gets major improvements - Wasif Hafeez — Sat, 14 Nov 2009 10:40:34 +0000

[...] Joseph Pecoraro has made some major improvements to Web Inspector. [...]

By: Max’ Lesestoff zum Wochenende | PHP hates me - Der PHP Blog

Max’ Lesestoff zum Wochenende | PHP hates me - Der PHP Blog — Sat, 07 Nov 2009 06:00:31 +0000

[...] reduce. It also acts as a 2-minute CouchDB tutorial. No documents were harmed in this process. BogoJoker » Improving the Web Inspector seehr, seehr coole erweiterungen des webinspectors vom Webkit. SlickMap CSS — A Visual [...]

By: Web Inspector gets major improvements | Guilda Blog

Web Inspector gets major improvements | Guilda Blog — Thu, 05 Nov 2009 15:06:09 +0000

[...] Joseph Pecoraro has made some major improvements to Web Inspector. [...]

By: sangpire

sangpire — Wed, 04 Nov 2009 14:53:52 +0000

Wow! It’s awesome. Thanke you!

By: Rowan

Rowan — Wed, 04 Nov 2009 14:29:39 +0000

Joseph,

Great work! There always was a cumbersome ability to add more styles, by editing an existing style – if one existed! – and adding more after a semicolon, but the new toggle is much nicer. I’d love to still be able to edit a class or other selector more easily though – any chance of getting something like your nifty mouse-over editable new attributes within a selector as well?

Two other glitches which irritate me no end:
1) Links in the inspector aren’t functional. Fine if I can’t click them, as that makes sense in the “editor” type behaviour, but if I right click on a link in the Elements or Styles views and get a proper submenu – which I do! – I’d hope “Open Link” and “Open Link in New Window” could be made to work.
2) If the inspector is open in docked mode, interaction within the webkit content window – typing text into an input, using a menu, selecting text – causes it to frantically scroll downwards.

Excellent work on the listeners and cookies – that’s superb. And that gives the nice sideeffect that we can empty sessions now! Looking forward to safe 4.1 now :)

By: Web Inspector gets major improvements

Web Inspector gets major improvements — Wed, 04 Nov 2009 14:23:13 +0000

[...] Joseph Pecoraro has made some major improvements to Web Inspector. [...]

By: Mario

Mario — Tue, 03 Nov 2009 16:45:18 +0000

Thank you very much!! If you add the abilities of saving the modified or updated DOM, JS and CSS you just have changed and improved many developers workflow by far!!

Regards

By: Web Inspector gets major improvements | Programming Blog

Web Inspector gets major improvements | Programming Blog — Tue, 03 Nov 2009 12:09:26 +0000

[...] Joseph Pecoraro has made some major improvements to Web Inspector. [...]

By: Web Inspector gets major improvements | Buddy's Blog

Web Inspector gets major improvements | Buddy's Blog — Tue, 03 Nov 2009 11:30:06 +0000

[...] Joseph Pecoraro has made some major improvements to Web Inspector. [...]

By: Ajaxian » Web Inspector gets major improvements

Ajaxian » Web Inspector gets major improvements — Tue, 03 Nov 2009 11:22:23 +0000

[...] Joseph Pecoraro has made some major improvements to Web Inspector. [...]

By: Dion

Dion — Mon, 02 Nov 2009 20:56:41 +0000

Joseph, Excellent work on the improvements.

I have a request which has been bothering me ever since I started using the web inspector (I don’t understand it’s not implemented yet):

The web inspector can be fired up using the keyboard shortcut alt-command-I. Unfortunately it cannot be turned of with the same keyboard shortcut alt-command-I. It can get quite tedious sometimes having to move the mouse to the close button and remove the inspector in a window while developing.

Hopefully you can implement the on/off toggle just like there is an on/off toggle for the ‘view->show statusbar command-/’.

Thanks and thanks for the improvements.

By: Michael Kozakewich

Michael Kozakewich — Mon, 02 Nov 2009 20:17:03 +0000

I did a whole bunch file-moving between the new Webkit inspector and Chrome’s inspector. Copying the new inspector over just gives me a white screen, and it seems every file that holds the new functionality just ruins the Chrome inspector. It’s impossible to get it working without diving into the code and finding what Chrome does differently than Webkit.

So… I guess Chrome users are stuck waiting for Google to catch up.

By: Robby Russell

Robby Russell — Mon, 02 Nov 2009 15:31:35 +0000

Last week, our team was recording episode 2 of the Planet Argon Podcast and my colleague, Carlos Rodriguez, mentioned this post and some of the upcoming improvements. I’m quite fond of the HEX additions as I don’t speak RGB. ;-)

In Episode 2 of our podcast, we discussed the pros and cons of Web Inspector, Firebug, and DebugBar for debugging HTML, CSS, and JavaScript. You can listen to that here:

* http://planetargon.com/podcast