The hidden feature to inspect element in Safari browser

Yes, “Inspect element” an essential tool for every web masters. Especially to analyse and troubleshoot html codes, css style sheets, check page load speeds, and more. Most of the popular web browsers like Mozilla firefox, Google chrome comes with this feature and its easy to find and use. But what about Apple’s Safari ? (If you are a webmaster, checkout the Alexa plugin for safari which shows global rank/popularity of any website on the web)

Inspect element in Safari

All the latest versions of Safari browser also has the inspect element functionality but its a bit zig zag way to enable it.

Open your Safari browser on Mac and navigate to “Preferences” > “Advanced” Tab >  and tick the checkbox “Show Develop menu in menu bar”. Safari preferences

Developer options in Safari

Which will enable various developer tools and function in your browser. You can find it on Safari’s main menu bar. Now open the web page which you need to perform “inspect element”.  From the menu bar, Click on the “Develop” and select “Show Web Inspector” to start inspect element in Safari.Inspect element in Safari

2 Comments

  1. Aman Parihar 27/10/2015
  2. Sreekanth 12/01/2016