Web Inspector for WebKit
January 18th, 2006
A 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.
January 18th, 2006 at 1:20 am
If you use a nightly build from http://nightly.webkit.org/ you don’t need to run the
defaultscommand you mentioned — the nightly knows to enable the Web Inspector already.January 18th, 2006 at 1:22 am
Thanks Mark, even better I say!! Go Webkit!