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 a desktop computer browser like Microsoft Edge.

A week before, my best friend who maintains a blog of her own wanted to see how her blog appears to her readers on various devices. According to her, it helps her track down the look and feel of her blog from different perspectives. It is the best way to analyze its performance.

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. The edge mobile view is an amazing feature that lets you explore this!

Here are the steps to view the Microsoft edge mobile view:

  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 model of the device from the device type dropdown menu to select the desired device experience. The edge view provides various options to choose from!

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 the 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 help in the enabling mobile site view. I also drag the resize bar to adjust and test the screen layout. It also helped my best friend analyze the same for her blog. It gave her a deeper insight into the mind of her viewers. Thus, the edge mobile view could help both of us!

Similarly, you can also switch to a desktop site view on the edge android browser. This will load a 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

4 Responses

  1. Pam says:

    My computer seems to be stuck in mobile view. Web pages are displaying in windows edge as mobile sites. How can I turn this off.

    • Kushal Azza says:

      Hi Pam, did you enabled Developer mode by any chance? Just closing the developer mode window should resolve the problem.

    • Kushal Azza says:

      Hi Pam, did you enabled Developer mode by any chance? Just closing the developer mode window should resolve the problem.

  2. shimon says:

    thanks very helpful

Leave a Reply

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