WordPress Greek Community 5th meetup - Microsoft Edge for Developers - Stavros Menegos

Transcript

1. View Slide

2. Trident
   !DOCTYPE
   1995
   3 4
   1 2 5.5 6
   5 7 8
   4.x 9
   2015
   9 10 11
   Quirks Strict
   1995
   HTML4, ES3, CSS2
   

   View Slide

3. 1995
   3 4
   1 2 5.5 6
   5 7 8
   4.x
   Trident
   IE5
   Quirks
   IE7
   Compat View
   IE8
   Standards
   Mode
   9
   IE9
   Standards
   Mode
   IE10
   Standards
   Mode
   QME
   Quirks Mode
   Emulation
   2015
   9 10 11
   x-ua-compatible
   !DOCTYPE
   IE11
   Standards
   Mode
   EMIE
   Enterprise
   Mode
   Legacy Web
   CSS2.1
   Modern Web
   HTML5, SVG, ES5, CSS3
   HTML4, ES3, CSS2
   

   View Slide

4. View Slide

5. Internet Explorer: MSHTML
   Interoperability & compatibility
   Versioned “document modes”
   For modern HTML websites, intranet & Enterprise Mode
   

   View Slide

6. View Slide

7. View Slide

8. Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko)
   Chrome/42.0.2311.135 Safari/537.36 Edge/12.10240
   Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_1) AppleWebKit/600.1.25 (KHTML, like Gecko)
   Version/8.0 Safari/600.1.25
   Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko)
   Chrome/44.0.2403.89 Safari/537.36
   Mozilla/5.0 (Windows NT 10.0; WOW64; rv:39.0) Gecko/20100101 Firefox/39.0
   

   View Slide

9. Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko)
   Chrome/42.0.2311.135 Safari/537.36 Edge/12.10240
   Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_1) AppleWebKit/600.1.25 (KHTML, like Gecko)
   Version/8.0 Safari/600.1.25
   Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko)
   Chrome/44.0.2403.89 Safari/537.36
   Mozilla/5.0 (Windows NT 10.0; WOW64; rv:39.0) Gecko/20100101 Firefox/39.0
   

   View Slide

10. Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko)
    Chrome/42.0.2311.135 Safari/537.36 Edge/12.10240
    Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_1) AppleWebKit/600.1.25 (KHTML, like Gecko)
    Version/8.0 Safari/600.1.25
    Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko)
    Chrome/44.0.2403.89 Safari/537.36
    Mozilla/5.0 (Windows NT 10.0; WOW64; rv:39.0) Gecko/20100101 Firefox/39.0
    

    View Slide

11. Always do feature detection
    (If isolating a bug) Sniff for specific browser versions
    Assume unknown browsers are good
    

    View Slide

12. before after
    W3C specification
    

    View Slide

13. before after
    

    View Slide

14. View Slide

15. Interop patterns we’re working on
    Bugs where we’re just plain wrong
    Standards we’re missing
    Unstandardized but interoperable APIs
    “defacto” differences from standards
    Bugs in other browsers
    innerHTML orphaned children
    Web audio, preserve-3d, RTC, CSP, responsive images
    -webkit-appearance,
    
    body.scrollTop versus documentElement.scrollTop, DOM prototypes
    

    View Slide

16. View Slide

17. VML
    attachEvent()
    VB Script
    Conditional Comments
    X-UA-Compatible
    currentStyle
    currentStyle
    IE Layout Quirks
    MS-prefixed Events
    

    View Slide

18. View Slide

19. View Slide

20. 130
    140
    150
    160
    170
    180
    190
    200
    210
    May June July Aug Sept Oct Nov Dec Jan Feb Mar April
    Under Consideration In Development Preview Release
    http://dev.modern.ie/platform/status/
    

    View Slide

21. View Slide

22. Real World Usage Data
    Developer/Partner
    Feedback
    Standards Stability
    Development Capacity
    

    View Slide

23. Testing Compatibility
    

    View Slide

24. F12 Tools
    

    View Slide

25. http://aka.ms/msedgecompat
    

    View Slide

26. “--”
    http://aka.ms/msedgecompat
    • Microsoft Edge / IE Virtual Machines
    • RemoteIE (RemoteEdge on the way)
    • Site Scanner
    • Changelog
    • Demos
    • Documentation
    

    View Slide

27. “--”
    http://aka.ms/msedgecompat
    

    View Slide

28. View Slide

29. View Slide

30. View Slide

31. In Development
    Shipped
    In Development
    

    View Slide

32. View Slide

33. In Development
    Up 2nd
    Up 3rd
    Standards Issues
    

    View Slide

34. View Slide

35. View Slide

36. View Slide