How to Inspect Element using Safari Browser

safari inspect-element
Deepak Keynes picture Deepak Keynes · Oct 25, 2016 · Viewed 186k times · Source

I am developing websites and creating applications. I want to know how to inspect an element through web browsers like safari.

In normal Chrome, Firefox, Explorer or any other browsers, we will right click the mouse button or press Function Key F12 to view the Inspect Element. But it is not happening in the case of safari browser.

Share your thoughts!

Answer

G43beli picture G43beli · Oct 25, 2016

In your Safari menu bar click Safari > Preferences & then select the Advanced tab.

Select: "Show Develop menu in menu bar"

Now you can click Develop in your menu bar and choose Show Web Inspector

You can also right-click and press "Inspect element".

Related questions

How to remove the border highlight on an input text element

When an HTML element is 'focused' (currently selected/tabbed into), many browsers (at least Safari and Chrome) will put a blue border around it. For the layout I am working on, this is distracting and does not look right. <…

Read More
onclick="location.href='link.html'" does not load page in Safari

I cannot get onclick="location.href='link.html'" to load a new page in Safari (5.0.4). I am building a drop-down navigation menu using the <select> and <option> HTML tags. I am using the onclick handler to …

Read More
Get the real width and height of an image with JavaScript? (in Safari/Chrome)

I am creating a jQuery plugin. How do I get the real image width and height with Javascript in Safari? The following works with Firefox 3, IE7 and Opera 9: var pic = $("img") // need to remove these in of case img-element has …

Read More