Neatly Sliced

I’m always eager for debug tools in different browsers so that I can troubleshoot browser-unique rendering CSS and JavaScript issues.

I am yet to uncover a decent Safari Web Dev toolbar. A simple option, however, is the Debug menu. The Debug menu features User Agent spoofing, JavaScript console (not quite as good as Firefox’s), and a view of the DOM tree, among other things.

To enable the Debug menu, first launch OS X’s Terminal. Then type the following:
defaults write com.apple.Safari IncludeDebugMenu 1

To disable the Debug menu, simply replace the 1 with a zero:
defaults write com.apple.Safari IncludeDebugMenu 0

Relaunch Safari and view your new Debug menu, next to the Help menu. Read a short bit of the JavaScript Console at Apple’s Safari Dev page.

Have you found useful Safari development tools? Leave a comment and let me know.

Popularity: 17% [?]

This entry was posted on Friday, June 22nd, 2007 at 7:25 am and is filed under Apple, Web Dev. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.