Technipages

Smart phone, gadget and computer tutorials

MacOS: Enable Web Inspector In Safari

MacOS: Enable Web Inspector In Safari

Posted on by 1 Comment

If you want to view the source code of a web page in Apple Safari for MacOS Sierra, you will have to enable the Web Inspector using these steps.

Safari 10 and Above

  1. Ensure that “Show Develop menu in menu bar” is enabled under “Safari” > “Preferences” > “Advanced“.
    Safari develop menu
  2. Now visit any web page and select “Develop” > “Show Web Inspector“.
    Show Web Inspector option
  3. The web inspector window will appear.
    Safari Web Inspector screen

Older versions

  1. Open “Applications” > “Utilities“.
  2. Launch “Terminal“.
  3. Type “defaults write com.apple.Safari WebKitDeveloperExtras -bool true” and press “Enter“.
  4. Now you can open a web page in Safari and right-click or hold down your mouse button anywhere on the page until the menu appears.
  5. Select “Inspect Element“.

Reader Interactions

Comments

  1. No.
    I have all this but in the develop menu web inspector is dimmed and not active.
    I need to active this menu which exits but dead on my safari on HS last version.

    Need help
    TIA

Did this post help or not? Let us know!

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.