If Internet Explorer has IE Development Tool and Mozilla has firebug, Safari also has it’s own development tool. It’s actually been there since it’s version 2. Yup, you heard me right. This tool is already built in the browser once you install it. I actually didn’t notice it until my boss told me that I can use this tool to help me debug my page. I think that was 3 years ago. When I first saw it, it wasn’t that pleasing because of it’s boring interface. And all you see is just code. It’s like viewing the source code and you can edit it too (from there).
I’m used to using firebug and IE dev’t tool because of it’s friendly environment. Chrome has firebug-like tool too but I haven’t tried it. As for Safari, I was surprised to see the improvement of this debugger. I find it more easy to use.
For those who still don’t know, it’s right under the “Develop” menu and hit “Show Web Inspector”.
