98

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!

piet.t
  • 11,718
  • 21
  • 43
  • 52
Deepak Keynes
  • 2,291
  • 5
  • 27
  • 56

3 Answers3

227

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

See the detailed guide here for more info: LINK

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

EDIT As suggested by @dennis in the comments: If you dont see "Show Develop menu in menu bar" you may need to run DevToolsSecurity -enable in the console before the option is visible

G43beli
  • 3,835
  • 4
  • 21
  • 28
  • 5
    I had to run the following command `DevToolsSecurity -enable` in the console before the above option was visible on OS X (10.14.6) – dennis Sep 06 '19 at 11:30
10

Press CMD + , than click in show develop menu in menu bar. After that click Option + CMD + i to open and close the inspector

enter image description here

Marina
  • 1,682
  • 1
  • 20
  • 25
0

in menu bar click on Edit->preference->advance at bottom click the check box true that is for Show develop menu in menu bar now a develop menu is display at menu bar where you can see all develop option and inspect.

ritesh Kumar
  • 49
  • 1
  • 19
    This answer is basically a duplicate of the one posted six months earlier, except with less detailed information and some typos introduced. – Adrian Larson Jan 15 '18 at 20:44