Web Inspector for WebKit

Published
on 18 January 06
in Software and Web Standards
.

screengrab of webkit in action on my siteA great new addition to WebKit—the Web Inspector. It lets you browse the live DOM hierarchy in a compact HUD style window, catering to the needs of web developers. The Web Inspector highlights the node on the page as it is selected in the hierarchy. Search for nodes by node name, id and CSS class name is also possible within the same window! Whoa!! I like it already!

Download the nightly build from http://webkit.opendarwin.org/blog/?p=41 and run the followinf in Terminal.

defaults write com.apple.Safari \
WebKitDeveloperExtras -bool true

And you should be set to go. You’ll then see a new “Inspect Element” contextual menu item on any web page. This will open up the Web Inspector and refocus to the node under your cursor.

2 Responses to “Web Inspector for WebKit”

Feed for this Entry Trackback Address
  1. 1 Mark Rowe
    18 January 06 at 1:20 am

    If you use a nightly build from http://nightly.webkit.org/ you don’t need to run the defaults command you mentioned — the nightly knows to enable the Web Inspector already.

  2. 2 Amit
    18 January 06 at 1:22 am

    Thanks Mark, even better I say!! Go Webkit!

Leave a Reply