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
- Safari 4 beta and refresh button For a good few months, probably a year or more I had been using Firefox as my main browser. But since the update of Safari 4 Beta I turned by head back to Safari....
- Firefox 3.5 is out! Go get your copy, Firefox 3.5 is out. And if you have a couple extra minutes have a quick view of Mike Beltzner’s preview of what’s new and exciting in Firefox 3.5. First noticeable difference...
- 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...
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!