Loading...
WordpressWordpress Setup

How to View HTML Page Source in Safari on a Mac

If you want to view the HTML of a website on a MAC, you have to allow it in the settings.  It’s not the same as on a Windows PC where the option is readily available.  I’m using Safari and trying for ages to view the HTML of pages but couldn’t figure out why I wasn’t able to see it.  I just realized that I need to allow it in the Safari settings.

Overview to View HTML Page Source in Safari on a Mac

  1. View Safari Preferences
  2. Show Develop menu in Menu Bar
  3. View HTML Page Source in Safari on a Mac

Steps:

1.  View Safari Preferences

You must change the Safari Preferences to allow viewing of the HTML.  It’s in the Advanced Settings.

Safari Preferences - Show HTML page source

Safari Preferences – Show HTML page source
  • Open Safari
  • Click on ‘Safari’, ‘Preferences

2.  Show Develop menu in Menu Bar

Go to the Advanced Settings in Safari and you need to show the Develop menu in the Menu Bar.  This will allow you to view the HTML and page source of websites.

Safari Preferences - Advanced - Show develop menu in menu bar

Safari Preferences – Advanced – Show develop menu in menu bar
  • Click on ‘Advanced’
  • Check the checkbox beside ‘Show Develop menu in menu bar

3.  View HTML Page Source in Safari on a Mac

Now you can view HTML and page source of websites in Safari on a Mac.  Just right click and click on ‘View Page Source’.

Show HTML Page Source in Safari on a Mac

Show HTML Page Source in Safari on a Mac
  • Right click on any website page
  • Click on ‘Show Page Source

Now you will see the screen split and the bottom portion of the screen is where the page source HTML will display.  You can view all the HTML coding of a website here.

I hope that helps you.

Please leave a comment if you have any questions.

Thanks,

Elaine

Leave a Reply

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

Captcha Captcha Reload