Skip to content

How to View Mobile Site in Safari on Mac Computer

Learn how to view the responsive mobile site view on the macOS Safari on a computer or laptop. The mobile site can be viewed in developer mode within safari.

Safari for Mac includes a “mobile site view” feature that allows users to view web pages as they appear on a mobile device. To access this feature, enable “Show Develop menu in menu bar.” from Safari’s “Advanced” Preferences. Select “Develop” in the menu bar and choose “Enter Responsive Design Mode” to view the mobile site version.

View Mobile and Desktop Site Mode on Safari browser

Do you want to load the desktop site in a mobile view on your Safari browser on a macOS computer? We got you covered. The following are the detailed steps to enable the mobile site view option on Safari.

Web developers and designers generally use this option when they want to validate the look and feel of a new site on different screen sizes. When you load the website on the Safari desktop browser, the full desktop experience will be loaded. However, to switch to the mobile site, you can either reduce the screen size or enable the responsive design mode.

As mentioned earlier, the mobile view in Safari will help cross-check the website experience without using Safari on the iPhone. Just enable the develop menu and start the responsive design mode.

Enable Develop Menu

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 the Develop menubar:

  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.

View Mobile Responsive Site

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 also enable the desktop site view on an iPhone or iPad device. This will help in retrieving the full desktop experience on a small-screen device.

Have you ever tried using the developer mode in Safari? What are your thoughts on this feature?

Lastly, if you've any thoughts or feedback on How to View Mobile Site in Safari on Mac Computer, 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 using our links; of course at no extra cost to you (indeed, you may get special discounts).
nv-author-image

Kushal Azza

Kushal is a Bachelor of Engineering, a Certified Google IT Support Professional, and a Digital-Tech Geek. He has over a decade of experience solving tech problems, troubleshooting, and creating digital solutions. Follow him on Twitter and LinkedIn.

1 thought on “How to View Mobile Site in Safari on Mac Computer”

Share us your thoughts and feedback

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