How to Enable Mobile Site View in Edge on Computer?

Learn how to load a mobile view site in the Microsoft Edge desktop browser. The developer tools help automatically resize the desktop site to small screens.

The mobile site view within the Microsoft Edge browser is a great feature. It helps in viewing the small screen responsive site within the desktop screen. Hence, you don’t need a mobile phone to view the mobile site.

This feature is quite helpful if you’re a developer and want to view the mobile site view on the desktop computer browser like Microsoft Edge.

Microsoft Edge Chromium has an in-built developer tools console that allows the switch between mobile view, tablet site, and desktop full screen easily without any extensions.

Related: How to View Desktop Site on Microsoft Edge Android?

You can also choose the responsive mode and resize the screen width to test the responsiveness of the website over different screen sizes. Edge will give a perfect mobile and navigation experience from the desktop browser.

How to View Mobile Site in Edge Computer?

You can preview the mobile site in the Microsoft Edge browser on any computer device. The developer mode allows to resize the screen and allow to view tablet and mobile screen.

Here are the steps to view the mobile site on Edge computer:

  1. Launch the Microsoft Edge browser on a computer.
  2. Open the website that you want to view on the mobile site.
  3. Click on horizontal 3dots icon menu for options.
  4. Hover on the More Tools option from the list.
  5. Select Developer Tools under the More Tools menu.
  6. This will launch the Developer Tools pane in the browser.
  7. Click on the Device toggle icon to enable the mobile site view mode.

Microsoft Edge Developer Tools View Mobile Site Responsive

This will load the mobile site user interface. You can also choose the make and model of the device from the device type dropdown menu to select the desired device experience.

Once you close the developer tools console, the website will reload back as a desktop site.

Bottom Line: Microsoft Edge Mobile View

The Microsoft Edge browser helps in previewing the mobile site on a desktop browser. You can use the developer tools to enable the responsive mode within the Edge to test the mobile site view layout. The developer tools also have option to choose the preset mobile manufacture and make of testing screen layouts.

Personally, when I make any changes to this blog, I try to view the effect on different screen sizes. Hence, the developer tools within the Edge computer helps in the enabling mobile site view. I also drag the resize bar to adjust and test the screen layout.

Similarly, you can also switch to a desktop site view on the edge android browser. This will load complete desktop experience on edge mobile.

What do you think of using the edge computer mobile site view? In what cases do you use this feature?

Lastly, here are the recommended web browsers for your computer and mobile phone that you should give a try.

WindowsMacOSiOSAndroidLinux
Chrome WindowsChrome MacChrome iOSChrome AndroidFirefox Linux
Firefox WindowsSafari MacSafari iOSEdge AndroidChrome Linux
Edge WindowsFirefox MacEdge iOSSamsung InternetEdge Linux

If you've any thoughts on How to Enable Mobile Site View in Edge on Computer?, then feel free to drop in below comment box. Also, please subscribe to our BrowserHow YouTube channel for videos tutorials. Cheers!

Share

Leave a Reply

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