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.
Related posts:
- Safari 4 beta and refresh button For a good few months, probab
- Firefox 3.5 is out! Go get your copy, Firefox 3.5
- Camino colour space UPDATE: 6th Feb 2009: Problem
- BetterSearch Firefox BetterSearch: An extension for
- Enable your Camino Colour Management If you are a Camino user chanc
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!