Safari Web Developer Tools?

18

1

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?

Adam Youngers

Posted 2011-06-24T23:56:54.220

Reputation: 283

Answers

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!

Dan Esparza

Posted 2011-06-24T23:56:54.220

Reputation: 1 148

This is the real answer. I'd forgotten that you had to enable it. – thirtydot – 2011-06-25T00:05:18.987

2Yep. They can be tricky, those Apple devs. ;-) – Dan Esparza – 2011-06-25T00:06:18.207

4

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

thirtydot

Posted 2011-06-24T23:56:54.220

Reputation: 206

2Note that "Inspect element" only shows up if the "Develop" menu is enabled. – Chris – 2014-09-16T11:02:47.467

The keyboard shortcut only works under that condition also (but upvoted because I didn't know it) – Hashbrown – 2015-10-20T05:59:11.717

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.

iajnr

Posted 2011-06-24T23:56:54.220

Reputation: 101