how to test ie & microsoft edge on os x & linux - sfhtml
TRANSCRIPT
![Page 1: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/1.jpg)
Woah, I can test MS Edge & IE on a Mac & Linux!
![Page 2: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/2.jpg)
ReyBango
Developer Advocate & lover of Web Standards
@reybango
blog.reybango.com
![Page 3: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/3.jpg)
![Page 4: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/4.jpg)
![Page 5: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/5.jpg)
![Page 6: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/6.jpg)
![Page 7: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/7.jpg)
![Page 8: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/8.jpg)
![Page 9: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/9.jpg)
![Page 10: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/10.jpg)
![Page 11: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/11.jpg)
Why can’t you kill off IE?
![Page 12: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/12.jpg)
OldIE PTSD
![Page 13: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/13.jpg)
![Page 14: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/14.jpg)
![Page 15: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/15.jpg)
Lack of feature knowledge in the community.
Our fault!
![Page 16: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/16.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/17.jpg)
![Page 18: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/18.jpg)
![Page 19: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/19.jpg)
Knowledge is Power
![Page 20: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/20.jpg)
Microsoft Edge Dev Portal
dev.modern.ie
![Page 21: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/21.jpg)
Status Dashboard
![Page 22: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/22.jpg)
http://bit.ly/iedevguides
IE Developer Guides
![Page 23: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/23.jpg)
http://bit.ly/iecompatcookbook
IE Compatibility Cookbook
![Page 24: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/24.jpg)
http://bit.ly/f12devtools
F12 Developer Tools
![Page 25: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/25.jpg)
Why should I test for IE?
![Page 26: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/26.jpg)
Netmarketshare.com
![Page 27: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/27.jpg)
StatCounter.com
![Page 28: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/28.jpg)
Netmarketshare.com
![Page 29: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/29.jpg)
StatCounter.com
![Page 30: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/30.jpg)
Free upgrade to Win10 for Win7, 8, & 8.1 users!
![Page 31: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/31.jpg)
![Page 32: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/32.jpg)
![Page 33: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/33.jpg)
How do I test IE & Microsoft Edge?
![Page 34: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/34.jpg)
Microsoft Edge Dev Portal
![Page 35: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/35.jpg)
![Page 36: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/36.jpg)
WebDriver for IE11
http://bit.ly/ie11webdriver
![Page 37: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/37.jpg)
![Page 38: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/38.jpg)
insider.windows.com
![Page 39: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/39.jpg)
![Page 40: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/40.jpg)
What about mobile?
![Page 41: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/41.jpg)
WEb INspector REmote (aka weinre)
http://bit.ly/goweinre
![Page 42: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/42.jpg)
http://vorlonjs.com
![Page 43: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/43.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/44.jpg)
Let’s take a look.
![Page 45: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/45.jpg)
Adobe Edge Inspect
http://bit.ly/edgeinspect
![Page 46: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/46.jpg)
Ghostlab
http://bit.ly/goghostlab
![Page 47: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/47.jpg)
Headless?
Not yet.
![Page 48: How to Test IE & Microsoft Edge on OS X & Linux - SFHTML](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/48.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/49.jpg)
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](https://reader035.vdocuments.mx/reader035/viewer/2022062515/55c52711bb61eb157d8b4624/html5/thumbnails/50.jpg)
Thank you!