The Most Secure Cross Browser Testing Platform since 2012

Get Your Website Microsoft Edge Version 110 Ready

microsoft edge offline installer min
BrowserNews / Browsers / Cross Browser Testing / Tips / Web Development

Get Your Website Microsoft Edge Version 110 Ready

As you’ve surely already heard, the new Edge versions has a lot of new features for developers. Now every designer, developer, and website owner has to make sure that their website will be displayed correctly using the new Microsoft Edge versions. In this post, I would like to point out some resources that will help you to get your website Microsoft Edge ready.

 Microsoft Edge is still supporting a number of aging Windows versions, including Windows 7, which has recently reached its end of support.

Microsoft Edge Compatibility Modes

First, you should find out in which mode Microsoft Edge will show your page. To do this simply open your website using Internet Explorer and press F12 to open the Developer Tools.

microsof edge developer tools

Make sure that the browser mode and the document mode match your current Internet Explorer version. If not, please make sure you use the correct DOCTYPE (How to choose the right DOCTYPE) and the X-UA-Compatibility meta tag is set correctly (What is that?).

Microsoft Edge Inspect

You can open Microsoft Developer Tools by just simply right clicking on the page and selecting inspect.

microsof edge developer tools how open

Microsoft has a perfect developer tool to use and inspect your page. In developer tools, there are lots of different tools and tabs for you to get information about your page. You can switch between Welcome, Console, Sources, Network, Performance, Memory and Application tabs to reach different information.

microsof edge developer tools welcome tab
microsof edge developer tools styles and others

This gives you a good place to start debugging website bugs.

Microsoft Edge Version 110 Developer Guide

Microsoft also created a detailed Guide for Developers which gives an overview of all the new features included in Microsoft Edge.

microsof edge developer tools documentation

Make sure you didn’t break anything

After you’ve corrected every bug in Microsoft Edge you need to perform one last (but important) step. Fire up your cross-browser testing solution and iterate through all browsers to make sure you did not break anything. If, for example, you did edit DOCTYPE and X-UA-Compatibility meta tags take extra time to test all of the old Internet Explorer versions you want to support.