Skip to content

How to Enable Mobile Site View in Edge on Computer?

The sites which are responsive on the small screen such as mobile phones might not look great in the desktop site view. So, in this case, to view the site properly, enable the Mobile Site view in your Edge Browser. To enable the Mobile Site View in Edge Computer, click on the three dots at the top right corner of the Edge Browser. Next, select the More Tolls option, and from there open the Developer Tools. As the Developer toll opens, click on the Device toggle option. 

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 screens. 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 manufacturer and make 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 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?

FAQs: Enable Mobile Site View in Edge Computer

Now, let us go through the frequently asked questions regarding how to enable mobile Site View in Edge Computer.

How to enable the Mobile Site View in Edge Computer?

To enable the Mobile Site View in Edge Computer, click on the three dots at the top right corner of the Edge Browser. Next, select the More Tolls option, and from there open the Developer Tools. As the Developer toll opens, click on the Device toggle option.

How to disable the Mobile Site View in Edge Computer?

To disable the Mobile Site View in Edge Computer, simply click again to deselect the device toggle option, or as soon as you close the developer’s tool option, the mobile site view is disabled.

What is the shortcut key to enable the Mobile Site View?

The shortcut key to enable the mobile site view in Edge Computer is Ctrl+Shift+M.

Lastly, here are the recommended web browsers for 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 @DigitalTechStudio YouTube channel for helpful videos tutorials.

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).

6 thoughts on “How to Enable Mobile Site View in Edge on Computer?”

  1. Does this allow for use like a mobile device? Wondering how to simulate press/long press and other actions on a tablet rather than just behavior like right click/left click on mouse.

  2. somehow this doesn’t fix when you use a Vertical Monitor even if you change into mobile mode . kind of weird it fixes itself when I change to horizontal monitor

Leave a Reply

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