Safari Web Developer Tools?

Question

Where do you enable web developer tools in Safari on windows? I can't find it anywhere. A quick web search found some really complicated instructions that felt more like a hack then turning on a setting. Does Apple really make it that hard to develop in their browser?

score 29 · Accepted Answer · answered Jun 25 '11 at 00:04

29

For quick access using a mouse, be sure to go into Preferences, Advanced, and check the 'Show Develop menu in menu bar'. Then, select 'show menu bar' from the gear menu (if you haven't already).

The 'Develop' menu now appears and has lots of options for you!

answered Jun 25 '11 at 00:04

Dan Esparza

1,238
3
13
25

This is the real answer. I'd forgotten that you had to enable it. – thirtydot Jun 25 '11 at 00:05
2

Yep. They can be tricky, those Apple devs. ;-) – Dan Esparza Jun 25 '11 at 00:06

score 4 · Answer 2 · edited Jun 25 '11 at 17:23

4

Press Ctrl + Alt + I, or right-click anywhere on a page and click "Inspect Element".

edited Jun 25 '11 at 17:23

Gaff

18,569
15
57
68

answered Jun 24 '11 at 23:59

thirtydot

205
2
7

2

Note that "Inspect element" only shows up if the "Develop" menu is enabled. – Chris Sep 16 '14 at 11:02
The keyboard shortcut only works under that condition also (but upvoted because I didn't know it) – Hashbrown Oct 20 '15 at 05:59

score 0 · Answer 3 · answered Nov 28 '17 at 12:48

0

Press Cmd + Alt + I on Mac, or you can right-click anywhere on a page and click "Inspect Element" after having set preferences given in correct answer.

answered Nov 28 '17 at 12:48

rnjai

101
2

Safari Web Developer Tools?

3 Answers3