Playlouder dev blog

Apple has a new public beta of Safari 3! Nice to see all that work on the Webkit engine reach a wider audience.

The reason I’m excited, though, is that the new Safari has some great web development tools built in which previously were limited to the (somewhat unstable) nightly WebKit builds. There’s a great DOM inspector, you can view the engine’s render tree, and most crucially, there’s support for a decent javascript debugger. Previously debugging javascript in Safari has been hell.

How to get this working:

• Install the public beta, and reboot (sigh - stop making me reboot Apple!)
• Download the latest nightly build of webkit, and install Drosera from the dmg
• Enter the following into your terminal of choice:
  
defaults write com.apple.Safari WebKitScriptDebuggerEnabled -bool true
defaults write com.apple.Safari IncludeDebugMenu 1

• Fire up the new Safari, fire up Drosera and attach to Safari. Note the Debug menu and the Drosera goodness.

Note the new Safari supports custom CSS for form elements, although seems to switch to using some slightly dubious non-apple-looking custom widgets the moment you touch the CSS.