As of my time of writing, I am using a mid-2017 MacBook Pro on Catalina. (ymmv)
The app should already be provisioned to support Angular on IE 11, or the login page may not render.
If you plan on testing locally, then your app should already be running
localhost:4200 on your machine.
If this still doesn’t work, there may be a firewall, VPN or other things preventing you from accessing localhost, in which case you are probably better off accessing a deployed version at a stable url
Now you need:
at least 10GB of free hard disk space
download VirtualBox for Mac OS
Download the VirtualBox file at this free Microsoft VM page
Unarchiver for unzipping the file above
patience (your computer may heat up and run slow. this VM doesn’t allow copy and pasting… etc etc)
Install VirtualBox in your applications
- Click “New”
Select “Windows 10”
Select 2048MB RAM and click “Continue”
- Select “Use an Existing Virtual Hard Disk File” and find the
.vmdkin the VM file you just downloaded
The vm disk image is now imported!
Under “Networks” > Adapter 1 you may select “NAT” or “Nat Network”
Under System > Motherboard, set “Pointing Device” to USB Tablet
Click “Start” in the Virtual Box GUI, or “Run” to start the VM
Open Command Prompt and type
ipconfig. Make note of the last line. Mine says
To get IE 11 to show localhost on our windows VM, go to the File searcher in the lower left hand corner and right-click “NotePad” to “Run As Administrator”.
10.0.2.2 localhost to the last line of the Notepad file you opened, and save the file (not as a
.txt, just agree to overwrite the original)
Open IE 11 and hopefully, you see the app in
Command + E to take a screenshot of the VM desktop.
A snapshot is not a screenshot. This creates a tiny copy of the state of the machine so that you can boot it up. Pretty useful for trying to keep this on beyond the 90 day free use.
For other ideas on how to get IE 11 for cross-browser testing on a Mac, check out: