How to show Safari’s Develop menu and Web Inspector

Updated: April 25, 2022 By: A Goodman Post a comment

If you’re a web developer, then there might be cases where you want to debug and improve your website (or web app) on Safari (which takes approximately 19% of browser market share worldwide).

The steps below show you how to show Safari’s Develop menu and its web inspector tool.

1. Click on Safari on the top menu bar, then select Preferences…

2. Select the Advanced tab then check the checkbox labeled with “Show Develop menu in menu bar”:

3. Now the Develop menu appears. Open a website, click on Develop, and select Show Web Inspector (or Connect Web Inspector) from the drop-down menu:

You can also use shortcuts: Command + Option + I.

Here’re Safari Dev Tools for web developers:

That’s it. Further reading:

Happy coding and have a nice day!

Notify of
Inline Feedbacks
View all comments