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.
Possibly Related Articles
- iPhone launches in Australia but not for 3 The long wait in nearly over, in less than a few hours iPhone 3G will be released in Australia. While I’d have been one of the contender to get it in the first release Apple...
- Camino colour space UPDATE: 6th Feb 2009: Problem solver perhaps? For the time being anyway. Over the last few months I’ve come across articles claming Camino (a browser on the mac) to be the bees knees of speedy...
- Amazing iPhone At long last I’m a proud iPhone owner and like the rest who has tapped into the power of iPhone I am in sheer, awe, delight and joy of this marvel of technology! Think I’ve...
- BetterSearch Firefox BetterSearch: An extension for Firefox which enhances Google (all international flavours, too), MSN Search, Yahoo Search, A9, Answers.com (web results), AllTheWeb, del.icio.us and Simpy.com by adding previews (thumbnails) and Amazon product images and info (type,...
It is quite a neat app and am enjoying it.
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.Thanks Mark, even better I say!! Go Webkit!