This will really be a brief post. I just felt the need to write this down for everybody. This post explains how to access the debugging tools in Safari not how to use them. I assume you are already familiar with using browsers' debugging tools.
Don't be so sure. You first need to find the “Developer” menu. Okay, it is very easy to enable this menu but why is it hidden by default?? It does not make any sense.
Ok, ok… I will stop mumbling here 🙂
Just go to “Edit” -> “Preferences” -> “Advanced” and check the checkbox that says “Show Develop menu in menu bar”.
Now go to “Develop” -> “Show Web Inspector” to start debugging your web application.
Hope this helps someone.