how to test ie & microsoft edge on os x & linux - sfhtml

Woah, I can test MS Edge & IE on a Mac & Linux!

ReyBango

Developer Advocate & lover of Web Standards

@reybango

blog.reybango.com

Why can’t you kill off IE?

OldIE PTSD

Lack of feature knowledge in the community.

Our fault!

Standards & Features

• WebGL

• WebSockets

• CSS3 Gradients

• Blocked scoped variables

• Pointer Events

• Fullscreen API

• Device Orientation

• Flexbox

• Encrypted Media

Extensions

• CSS3 Regions

• File API

• AppCache

• IndexedDB

• CSS3 Media Queries

• Canvas

• CSS3 Transforms

Knowledge is Power

Microsoft Edge Dev Portal

dev.modern.ie

Status Dashboard

http://bit.ly/iedevguides

IE Developer Guides

http://bit.ly/iecompatcookbook

IE Compatibility Cookbook

http://bit.ly/f12devtools

F12 Developer Tools

Why should I test for IE?

Netmarketshare.com

StatCounter.com

Netmarketshare.com

StatCounter.com

Free upgrade to Win10 for Win7, 8, & 8.1 users!

How do I test IE & Microsoft Edge?

Microsoft Edge Dev Portal

WebDriver for IE11

http://bit.ly/ie11webdriver

insider.windows.com

What about mobile?

WEb INspector REmote (aka weinre)

http://bit.ly/goweinre

http://vorlonjs.com

Vorlon.js

• Open source

• Extensible plugin architecture

• Platform agnostic

• Powered by Node.js and Socket.io

• New plugins

• WebAudio

• Connector for F12 debug port

Let’s take a look.

Adobe Edge Inspect

http://bit.ly/edgeinspect

Ghostlab

http://bit.ly/goghostlab

Headless?

Not yet.

Continuously Improving

• Leveraging virtualization (e.g: RemoteIE)

• Building tools like Vorlon.js

• Scanners to help narrow down common issue patterns

• Enhancing the F12 tools to offer great debugging

• Maintaining VMs

• Helping the enterprise move forward to modern development

Resources

• Microsoft Edge Portal: dev.modern.ie

• Microsoft Edge Blog: blogs.windows.com/msedgedev/

• MS Web Platform Team: @MSEdgeDev

• F12 Tools: @msedgedevtools

Thank you!