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

How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

Embed Size (px)

Citation preview

Page 1: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

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

Page 2: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

ReyBango

Developer Advocate & lover of Web Standards

@reybango

blog.reybango.com

Page 3: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
Page 4: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
Page 5: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
Page 6: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
Page 7: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
Page 8: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
Page 9: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
Page 10: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
Page 11: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

Why can’t you kill off IE?

Page 12: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

OldIE PTSD

Page 13: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
Page 14: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
Page 15: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

Lack of feature knowledge in the community.

Our fault!

Page 16: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

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

Page 17: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
Page 18: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
Page 19: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

Knowledge is Power

Page 20: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

Microsoft Edge Dev Portal

dev.modern.ie

Page 21: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

Status Dashboard

Page 22: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

http://bit.ly/iedevguides

IE Developer Guides

Page 23: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

http://bit.ly/iecompatcookbook

IE Compatibility Cookbook

Page 24: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

http://bit.ly/f12devtools

F12 Developer Tools

Page 25: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

Why should I test for IE?

Page 26: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

Netmarketshare.com

Page 27: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

StatCounter.com

Page 28: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

Netmarketshare.com

Page 29: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

StatCounter.com

Page 30: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

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

Page 31: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
Page 32: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
Page 33: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

How do I test IE & Microsoft Edge?

Page 34: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

Microsoft Edge Dev Portal

Page 35: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
Page 36: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

WebDriver for IE11

http://bit.ly/ie11webdriver

Page 37: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
Page 38: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

insider.windows.com

Page 39: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
Page 40: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

What about mobile?

Page 41: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

WEb INspector REmote (aka weinre)

http://bit.ly/goweinre

Page 42: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

http://vorlonjs.com

Page 43: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

Vorlon.js

• Open source

• Extensible plugin architecture

• Platform agnostic

• Powered by Node.js and Socket.io

• New plugins

• WebAudio

• Connector for F12 debug port

Page 44: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

Let’s take a look.

Page 45: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

Adobe Edge Inspect

http://bit.ly/edgeinspect

Page 46: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

Ghostlab

http://bit.ly/goghostlab

Page 47: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

Headless?

Not yet.

Page 48: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

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

Page 49: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

Resources

• Microsoft Edge Portal: dev.modern.ie

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

• MS Web Platform Team: @MSEdgeDev

• F12 Tools: @msedgedevtools

Page 50: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML

Thank you!