Get WebKit here

Open .DMG and drag WebKit and Drosera (Javascript Inspector) to your Applications folder.

Run the script in terminal as shown here and here for Drosera.

Replace the Safari launch icon with the WebKit icon in your dock. You need to launch the WebKit browser, not Safari (they're pretty much the same). Then right-click on a web page and select the inspect element option.

If you want to debug JavaScript, launch Dorsera from your apps folder and "Attach" to WebKit. Reload or browse to the page you want to inspect. Watch the JS run! :P

" /> Mac Web Development – Safari debugging | Jason Prini .com

September 9, 2007

Mac Web Development – Safari debugging

Get WebKit here

Open .DMG and drag WebKit and Drosera (Javascript Inspector) to your Applications folder.

Run the script in terminal as shown here and here for Drosera.

Replace the Safari launch icon with the WebKit icon in your dock. You need to launch the WebKit browser, not Safari (they’re pretty much the same). Then right-click on a web page and select the inspect element option.

If you want to debug JavaScript, launch Dorsera from your apps folder and “Attach” to WebKit. Reload or browse to the page you want to inspect. Watch the JS run! :P

2 Comments

  1. Jason says:

    Thanks for the Tip Mark.

  2. Mark Rowe says:

    You don’t need to run anything in the terminal to have Drosera work against the WebKit nightly builds. The WebKit application wrapper does the necessary magic behind the scenes to allow Drosera to see it. The terminal commands are only needed if you want to use Drosera with another application.