Skip to content

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.

Microsoft Edge allows users to see a website as it would appear on a mobile device. This feature can be enabled in Edge on a computer by changing the browser’s screen resolution to responsive mode. The process involves accessing the developer tools, selecting a device toggle, and switching to the desired mobile resolution.

View Mobile and Desktop Site Mode on Edge browser

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 helpful if you’re a developer and want to view the mobile site view on a desktop computer browser like Microsoft Edge.

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

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

View Mobile Site on Computer

You can preview the mobile site in the Microsoft Edge browser on any computer device. The developer mode allows you to resize the screen and view tablet and mobile screens. Here are the steps to view the mobile site:

  1. Launch Microsoft Edge on a computer.
  2. Open the website that you want to view on the mobile site.
  3. Click on the More horizontal 3dots icon menu for options.
  4. Hover over 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 as a desktop site.

Bottom Line

The Microsoft Edge browser helps preview 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.

Similarly, you can 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, if you've any thoughts or feedback on How to Enable Mobile Site View in Edge on 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).

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.

Share us your thoughts and feedback

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