Mac Web Development - Safari debugging

September 9th, 2007  |  Published in Blog, Business, Design, Software, Web  |  2 Comments

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

Responses

  1. Mark Rowe says:

    September 9th, 2007 at 7:09 pm (#)

    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.

  2. Jason says:

    September 10th, 2007 at 8:15 am (#)

    Thanks for the Tip Mark.

Leave a Response