How to inspect element in Safari like you can in Chrome


If you find this free website useful – why don’t you support this with a donation? It is easy…. read more ….

When developing or tweaking a website ‘inspect element’ is an essential tool to see what is going on, especially when adjusting CSS.

Chrome comes automatically with ‘right click’ inspect element, and I was trying to do this in Safari but it didn’t seem to have this feature.

However, it does actually, but inspect element isn’t automatically turned on on Safari.  You can turn it on and itis simpel once you know how.

First go to ‘Apple’>System Preferences>Advanced and tick developer tools

Safari Inspect Elements

Then ‘right click’ will reveal ‘inspect element’ in the pull down

Inspect Element right click Safari

And then that will reveal all the markup you need

Safari developer tools

, ,

Leave a Reply

Your email address will not be published.