Enable Safari Developer Tools

Personally I use Macs, 27 inch 2011 Mac for my desktop [pimped up with 32 gigs ram which I upgraded myself for less than 200 euros] and on the go, I use a macbook air. Safari is the default browser and I have no issues with it. Apart from the fact that I have to consciously open Chrome when I am developing a website so that I can use Chrome's developer tools. Sure I could just make Chrome the default browser but I don't want to. Which got me asking , why is there no Developer Tools for Safari. As it turns out, there is! One just needs to enable it.

I would have thought it was a simple drag and drop customisation thing or just go to system preferences and click enable Developer Tools or something like that. Apples official [[https://developer.apple.com/safari/tools/ | Apple Developer Tools] page is also of no help.

I know right now you are probably saying, wtf jnvilo, you are a linux guy, linux user for 15 years , you should be used to this! But alas my friend, the moment I get to a Mac Desktop, I expect it to behave like a mac desktop. After all these days, all my linux work are always done via terminal. On Mac we have iTerm which compares very well against linux's terminator. But I digress... back to Safari Developer Tools.

So without further ado, here is how I did it.

  1. Turn on the "developer menu"
    1. Open Safari Menu
    2. Click Preferences
    3. Go to Advanced tab
    4. Click Show Develop menu in menu bar

And Now you have it!