Web Browser Developer Tools - Safari





Description of Issue

How do I view the developer tools in macOS Safari?



Context
  • Safari

  • macOS



Cause

The web developer tools are not visible by default.



Resolution
  1. If the Develop menu is not already enabled:

    1. Safari should be the active window.

    2. Click Safari in the top menu bar > click Preferences...

    3. In the Preferences popup > click on the Advanced tab.

    4. Check the option near the bottom: Show Develop menu in menu bar.

    5. Now you should see a new Develop menu item in the menu bar.

  2. Click Develop menu bar item > select Show Web Inspector from the dropdown.



Additional Information

Refer to this article to learn how to view the developer tools for other web browsers.