Apple should add an inspect element option like there is in Google Chrome and Mozilla Firefox, this is the only reason I still have Google Chrome on my MacBook and I get very tired from toggling between those webbrowsers, cause I actually like Safari best. Don't you agree?
MacBook Pro (13-inch Mid 2012), OS X Mountain Lion (10.8.4)
From your Safari menu bar click Safari > Preferences then select the Advanced tab.
Select: Show Develop menu in menu bar
Now click Develop from the menu bar click Show Web Inspector
From your Safari menu bar click Safari > Preferences then select the Advanced tab.
Select: Show Develop menu in menu bar
Now click Develop from the menu bar click Show Web Inspector
Oh, thanks! I didnt know this!!! 😊 (embarrasing)
No problem. I've been embarrssed for far worse 😉
Awesome! now i can remove Firefox and Google, as blogger than helps a lot! 🙂
Nice hint, but I haven't found how to view the website elements highlighted when I select an html element from source, just like how it is showed in Chrome. For example, in Chrome, if you select a header element, the header is highlighted etch..
You might want to consider starting a new discussion. Since this one is a couple of years old, less people are likely to look at it. You can link to this one.
When you are in the developer inspect element view, click the button that has a target icon and click on the element to view the code. To view the element attached to code, simply highlight the line of code.
Inspect element in Safari
