July 15, 2009 at 11:54 am | Apple, web.

If you have ever wondered what Apple’s Safari would be like with some cool developer tools like the ones for FireFox look no further.

I may seem weird but you already have them… If you have Safari 4.0 just open “Terminal” and type the following line to enable them.

defaults write com.apple.Safari IncludeDebugMenu 1

They come with some nice element and resource browsing as well as scripts, profile and database functionality. You can turn off Javascript, change your user agent to see browser specific CSS shows up, and see your errors.

Bummers
There are some bummers like no editing of the elements to test out changes and there seem to be some bugs around where the “focus” is when you have the panel open, but overall its pretty nice.

safari_dev_dropdownsafari_developer_panel_elementssafari_dev_panel_resources