So, which ones do we need? – Behold: Compatibility Mode! – Enter IE 11



So, which ones do we need? – Behold: Compatibility Mode! – Enter IE 11

0 1


test-all-the-internet-explorers

A talk about testing websites in various IE versions

On Github lnwdr / test-all-the-internet-explorers

A talk by Leon Weidauer

  • Windows XP, IE 6 (Please, make it stop!)
  • Windows XP, IE 7
  • Windows XP, IE 8
  • Windows 7, IE 9
  • Windows 7, IE 10
  • Windows 8, IE 11

With about 8GB per VM that's …

On a Laptop with 128GB SSD? Seriously?

Where am I supposed to store the cat GIFs?

So, which ones do we need?

18.39% total, we can't ignore that.

Stats taken from Can I use?
Two down, four to go.

Behold: Compatibility Mode!

One VM for IE 8, 9 and 10.

Yay!

Enter IE 11

Or: "This is why we can't have nice things …"

What? There's something wrong here …

Nope! Absolutely not!

Ok, now it makes sense again.

Yes, but this is not even very interesting …

Conditional Comments

  • Polyfills
  • IE version detection
  • Fallbacks
  • Fixes

In IE 10

  • No longer supported in "Edge" mode
  • Still available in compatibility modes <=9

In IE 11

  • Only partly included in compatibility modes
  • Essentially unusable

Do NOT use IE 11 for legacy testing!

That leaves us with …

  • Windows 7, IE 10
  • Windows 7, IE 11

(Please use an actual touch device to test IE 11 on the Windows 8 touch oriented interface.)

About 8GB of space each for the VMs

Where to get the VMs?

Uh, optical disks, huh?

And where did I leave the license key again?

Remember the bear from before?

modern.ie

  • Used to have only VirtualPC images
  • Needed to be converted, very time consuming

Much better now!

Wiring things up - mDNS

We must be able to test websites on:

  • local server
  • remote server
  • VM server
  • Mac: already set up
  • Linux (Ubuntu)
    • client: out of the box
    • server: Avahi
  • Windows
    • Bonjour Printer Services
    • iTunes

NAT adapter to access remote machines

Host-only adapter to access other VMs on the same host machine

Host-only adapter also set up on the server VM.Same network name.

Wrap it all up

Make a snapshot to restore from when the image expires.

Tools/Downloads

Links