Debug your site with Safari

Posted 11 months, 1 week ago at 9:40 pm. 0 comments

This is a really cool tip brought to my attention by WhaleSalad. Firefox is historically known not only for it’s speed, standards, and its protectiveness as opposed from Internet Explorer, but also as a great tool because of all of the plug-ins it supports to make debugging a website easier. On a Mac, however, the default browser Safari is even faster than firefox according to benchmarks. The thing is, it doesn’t support plug-ins like firefox does.

But have no fear, Safari provides it’s own set of hidden website debug tools. They can be enabled via one command in the terminal.

defaults write com.apple.Safari IncludeDebugMenu 1

While Safari is closed, open the terminal and copy and paste that in! Next time you open Safari, right-click somewhere on the pages and click “inspect element”

It’s a small tip, but a really helpful one to web designers on Mac.