How to Test Your Website with Microsoft Edge
- select the contributor at the end of the page -
Web development can be a complicated business. We now live in a world where a responsive website is absolutely essential. Not only that, but it needs to look good and function correctly across a multitude of devices including everything from smartphones to televisions. This means that a successful website must stay true to the original specifications regardless of browser, device or display size.
Download the browser from Microsoft's website or the Apple store.
If on a Mac, select the Microsoft Edge .pkg item from the Downloads folder.
Sign in using any Microsoft account.
Follow the on-screen instructions.
Why You Need to Test Websites Across Browsers
Web development can be a complicated business. We live in a world where a responsive website is absolutely essential. Not only that, but it needs to look amazing and function correctly across a multitude of devices. For everything from smartphones to smart TVs, your website must stay true to the original specifications regardless of browser.
Windows boasts 77.68% of the world’s market share and operates on dozens of devices including everything from laptops, gaming PCs, and tablets to smart TVs and phones. This makes it vital to test your work on Microsoft Edge.
The purpose of this article is to discuss, in detail, how to test your website with Microsoft Edge on a Mac. In other words, if you’re using a Mac, how do you make sure your website renders correctly in the Microsoft Edge browser? Let’s discuss!
The New Microsoft Edge Browser
There was a time when IE was the Mac’s default browser (when Safari wasn’t yet an option). But now most leading tech companies have homegrown browser technologies. As for Microsoft, it has had a significant IE user base at an enterprise level for decades. Testing across all browsers on a Mac used to be especially tricky for developers. That’s because before Microsoft Edge came out, Internet Explorer was not compatible with Safari.
But, Microsoft’s recent switch to its new Edge browser has introduced a new landscape in which to test and IE is now relegated to “legacy compatibility” duties. Everyone is being urged to make the switch ASAP.
The good news is that Edge makes it much easier for you to test your website even if you’re developing on a Mac.
Mac Versions That Support Microsoft Edge
It’s not obvious how to test your website with Microsoft Edge if you’re developing on a Mac because most versions of OS don't support Edge. However, the very latest versions do, and they are:
Sierra (10.12) and later
iOS 11.0 and later
If you’re running one of those, then you can easily test your website with Edge on a Mac without doing any finagling. Microsoft has made this possible because, according to MacRumors, they wanted “to provide better web compatibility with improved performance for customers while also making sure there’s less fragmentation of the web for developers.”
How to Install Microsoft Edge on a Mac
In more detail, here is how to install Microsoft Edge on a Mac:
Download Microsoft Edge from their website (make sure macOS is selected from the drop-down menu).
Click Accept and download.
Select the Microsoft Edge .pkg item from the Downloads folder.
Follow the on-screen instructions.
Click Get Started.
Confirm whether you want to import browser data from Chrome or to proceed without doing it.
Confirm a design layout.
Sign in to any Microsoft account (Live.com, Outlook, etc.) to sync data or click Continue without Signing-In.
To install Microsoft Edge on an iPhone or iPad:
Get the Microsoft Edge app.
Sign in to any Microsoft account.
Once you complete these steps, just navigate to your website and test it out! However, note that Edge extensions or advanced products like WebVR will not work on iOS.
Learn More about Microsoft Edge
Now that you know how to download and test your website with Microsoft Edge on a Mac, it could be beneficial for you to know more about the Microsoft Edge browser in general.
Pluralsight has your back with two different courses on the subject:
1. Microsoft Edge (Beginner): Learn the basics of using the browser, how to manage your profile and privacy settings, and unique features.
2. Microsoft Edge for Developers (Intermediate): Learn Edge’s origins and goals, new features, how to use upgraded dev tooling, and a few “gotchas” to avoid.
Start your 10-day free trial today!