As a web developer, it’s important to make sure our web apps and sites have a great experience for users no matter what browser they’re using. One of the ways we can do that is adhering to web standards. When we don’t write standards-compliant code and markup, we’re basically betting that all browsers will just magically guess what we meant and somehow do the right thing. Once you’ve run your markup through https://validator.w3.org, and made sure to use feature detection instead of browser sniffing, which doesn’t work anymore, the next step is to test on actual browsers. If you only have a Mac, though, how do you even go about testing IE in the first place? For starters, that sounds expensive…getting a Windows license, maybe hardware, not to mention different OS licenses for IE11, IE9, etc. What if I told you that you can test IE for FREE (any OS/version combination that’s relevant today)? Here’s 2 different ways how:
Step 1: Visit Modern.ie
Modern.ie is Microsoft’s hub for building great experiences for the Web. Notice I didn’t say “great experiences for IE”. The Microsoft team over the last 3 years have made such great strides in standards compliance and interoperability that any improvements in performance or experience that you make for Chrome or another browser will improve IE as well, and vice-versa. There are a lots of tools here to help you write code that adheres to standards and works great everywhere, much like the w3c’s validator, but takes it a bit further in order to help you make improvements beyond just being “valid”.
Step 2, Option 1: Get Free VMs for any (relevant) Windows OS/IE combination
Modern.ie has downloads for just about any Windows OS/IE version you can imagine. They’re on a 90 day license, but if you’ve used any VM before, you know you can snapshot it on day 1 and just revert when it expires. You can run these using VirtualBox (free, and what I use), VMWare, Parallels, or any other VM software of choice on a Mac. You can download as many different combinations as you want so you can make sure everything works great, and even use IE11’s new dev tools if you want.
Step 3, Option 2: Use browser-as-a-service Browserstack
Sometimes you may not have room for a VM, and that’s totally understandable. A lot of us developers trade 1TB hard drives for much smaller but WAY faster flash storage and SSDs. If you’re running low on space, you can sign up for Browserstack’s service and they’ll spin up on-demand any OS/Browser combination you want, including Windows, Mac and Linux combinations with obscure browsers! This means even if you just have a PC, you can test on Safari as well! It’s $19/month for an individual plan, but is well worth the money if you spend a lot of time building webapps, and you can even find 3 months free via a link on Modern.ie! To take it one step further, if you’ve ever used Selenium WebDriver to automate front-end tests, Browserstack has a full API you can use to run tests and get screenshots along the way. It’s basically like having your own Selenium grid in the cloud!
So there you have it, two different ways to test IE on a Mac, and even a way to test Safari on a PC! It’s pretty awesome, but remember, web standards are there for a reason. Write standards-compliant code and use feature detection and you’ll be giving your users a great experience while saving yourself a TON of future headache!