Skip to content

View Mobile Site Layout in Apple Safari on Mac

Do you want to load the mobile site view in Safari browser? Learn how to switch to mobile site view using the Develop menu.

The Safari app includes a “mobile site view” feature that allows users to view web pages as they appear on their mobile devices.

To enable this feature, you need first to enable the Develop menu and then choose open to enter the Responsive Design Mode, which allows you to choose different screen resolutions, including the mobile layout.

In this guide, we have shared the steps to switch to a mobile site layout in the Safari app.

Enable the Develop Menu in Safari app

We need to enable the Develop menu to view the responsive site option. The developed menu is hidden by default, but you can easily enable it. Here are the steps to enable:

  1. Launch the Safari app on Mac.
  2. Click on the Safari menu option.
  3. Choose Preference from the list to open the dialog window.
  4.  Switch to the Advanced menu option.
  5. Enable the checkbox against the — Show Develop menu in the menu bar.
    Apple Safari Advanced Preference Show Develop Menu

It will enable the Develop menu in the Safari browser menu bar list.

Start the Responsive Design Mode

No standalone option can help us reach the mobile responsive web design. However, the option is hidden under the Develop menu. It will help you display the mobile view in the Safari browser on Mac. Here are the steps to view mobile responsive web design:

  1. Launch the Safari browser on a Mac.
  2. Open the website that you want in the mobile site view.
  3. Click on the Develop menu for options.
  4. Select the Enter Responsive Design Mode option from the drop-down.
    Enter Responsive Design Mode in Safari Mac Computer

This will reload the website and enter into responsive design mode. Here you can select the different device types and screen resolutions based on your needs.

Simply switch between the iPhone or iPad models listed on the page to view the mobile site on the Safari computer browser.

Bottom Line

This will enable us to view the mobile responsive site on the Safari browser on the macOS computer. The mobile site will be based on the model selected in the responsive design mode.

View Mobile Site on Safari Mac Computer

Similarly, you can enable the desktop site view in Safari on iPhone and iPad. It will help in retrieving the full desktop experience on a small-screen device.

Lastly, if you've any thoughts or feedback, then feel free to drop in below comment box. You can also report the outdated information.

Please share the article if you find it helpful:

Disclosure: This page may contain affiliate links, which means we may receive compensation for your purchases; of course at no extra cost to you (indeed, you may get special discounts).
Kushal Azza

Kushal Azza

Kushal Azza is a Google Certified IT Professional, Digital Content Creator, and Go-To Digital Marketer with Engineering Degree. He has over a decade of experience solving tech problems, troubleshooting, and innovating digital solutions. Follow him on Twitter and LinkedIn.

1 comments and feedback

Leave a thought or feedback

Please leave a descriptive comment or feedback with your real name. Our human moderator vets every comment, and it may take 24 to 48 hours to get published or rejected.

Your email address will not be published, and we will never spam your inbox. Required fields are marked *