Browser Internet Explorer Web Platform Trident Browser Chrome

  • Slides: 37
Download presentation

Browser Internet Explorer Web Platform Trident

Browser Internet Explorer Web Platform Trident

Browser Chrome Web Platform Blink

Browser Chrome Web Platform Blink

Browser Safari Web Platform Webkit

Browser Safari Web Platform Webkit

Browser Firefox Web Platform Gecko

Browser Firefox Web Platform Gecko

1995 2015 1 2 3 4 4. x 5 5. 5 6 7 Trident

1995 2015 1 2 3 4 4. x 5 5. 5 6 7 Trident 8 9 10 11

HTML 4, ES 3, CSS 2 1995 2015 1 2 3 4 4. x

HTML 4, ES 3, CSS 2 1995 2015 1 2 3 4 4. x 5 5. 5 6 7 8 Trident !DOCTYPE Quirks Strict 9 10 11

HTML 4, ES 3, CSS 2. 1 1995 2015 1 2 3 4 4.

HTML 4, ES 3, CSS 2. 1 1995 2015 1 2 3 4 4. x 5 5. 5 6 7 8 Trident !DOCTYPE x-ua-compatible IE 5 Quirks IE 7 Compatibility View IE 8 Standards Mode 9 10 11

HTML 4, ES 3, CSS 2 Modern Web Legacy Web HTML 5, SVG, ES

HTML 4, ES 3, CSS 2 Modern Web Legacy Web HTML 5, SVG, ES 5, CSS 3 CSS 2. 1 1995 2015 1 2 3 4 4. x 5 5. 5 6 7 8 Trident !DOCTYPE IE 5 IE 7 IE 8 Quirks Compat View Standards Mode IE 9 IE 10 QME EMIE Enterprise Mode IE 11 x-ua-compatible Standards Mode Quirks Mode Emulation Standards Mode 9 10 11

Blink

Blink

Microsoft Edge. HTML Evergreen

Microsoft Edge. HTML Evergreen

The dream: Write once, run anywhere

The dream: Write once, run anywhere

The Mobile Web

The Mobile Web

The Mobile Web

The Mobile Web

‘Skeleton key’ user agent: i. Phone /537. 36 before after like Android like Chrome/32.

‘Skeleton key’ user agent: i. Phone /537. 36 before after like Android like Chrome/32. 0. 1700. 99 Mobile Safari

Mozilla/5. 0 (Windows NT 10. 0; WOW 64; rv: 35. 0) Gecko/20100101 Firefox/35. 0

Mozilla/5. 0 (Windows NT 10. 0; WOW 64; rv: 35. 0) Gecko/20100101 Firefox/35. 0 Mozilla/5. 0 (Macintosh; Intel Mac OS X 10_10_1) Apple. Web. Kit/600. 1. 25 (KHTML, like Gecko) Version/8. 0 Safari/600. 1. 25 Mozilla/5. 0 (Windows NT 10. 0; WOW 64) Apple. Web. Kit/537. 36 (KHTML, like Gecko) Chrome/40. 0. 2214. 93 Safari/537. 36 Mozilla/5. 0 (Windows NT 10. 0; WOW 64) Apple. Web. Kit/537. 36 (KHTML, like Gecko) Chrome/39. 0. 2171. 71 Safari/537. 36 Edge/12. 0

IE 11 on Windows 8. 1 Edge: With support for –webkit transitions

IE 11 on Windows 8. 1 Edge: With support for –webkit transitions

CSS • • @supports Flexbox standards update dppx unit transform-style: preserve-3 d • Filter

CSS • • @supports Flexbox standards update dppx unit transform-style: preserve-3 d • Filter effects Storage & networking • • HTTP/2 Content security policy Web Crypto API updates HSTS (HTTP Strict Transport Security • • • Media capture HLS Web. Audio Video Tracks WAV Audio support Input & Editing Java. Script • ES 6 Math, Number, String, Reg. Exp & Object built-ins • Arrow functions, Enhanced object literal, Template strings, Default, Rest, Spread • Map, Set, Weakmap, __proto__, Proxies • Let, Const, Promises, Classes Media & RTC DOM & Graphics • SVG foreignobject • SVG attribute animation • Touch events • • Pointer lock API Media Queries L 4 - Interaction Selection API Gamepad API • Complete Web. GL support • DOM event constructors • DOM Level 3 XPath Shipped Preview Release In development

3000+ Interoperability Fixes, Preserve-3 d, Touch Events, CSS Filter Effects, DOM Clipboard Support, HTML

3000+ Interoperability Fixes, Preserve-3 d, Touch Events, CSS Filter Effects, DOM Clipboard Support, HTML Drag and Drop, Web Audio, CSS Position Sticky, CSS @supports, CSS Flexbox, HTML Beacon, Web. Driver, Indexed. DB, Web. Crypto, Internation Mixed Languages Support, CSS Grid, CSS Variables, srcset, <picture> element, Web Workers Update, DOM 4 Events, Font Loading, BDI, Cross-domain, HLS Manifest, Block Ellipsis, WAV, @rules, CSS Text(), CSS Border Logical, Logical Box Model, DOM Gamepad API, DOM File. System API, HTML <date> element, HTML <keygen> element, HTML <main> element, HTML <output> element, HTML <summary> element, HTML <detail> element, HTML <time> element, Native PDF, App. Cache, SVG Hosting, Mutation Observers, HTML bidirectional, HTML Speech API, SVG animations, SVG transitions, SVG transforms, Canvas Path, Canvas Accessibility API, CSS Select Control, CSS Masking, CSS Clipping, Navigation Error Logging, CSS element(), CSS Shapes, ORTC, CSS Escape, Shared Workers, ES 6 Modules, ES 6 Promises, CSS Intrinsic & Extrinsic Sizing, Web Components, CSS Scoped Styles, HTTP 2. 0, CSS Resize, Web. GL, Canvas Blend Modes, CSS Interpolation, CSS Line Grid, CSS Line Box Contain, CSS Ruby, DOM Event Constructors, HTML <ol> Reverse, Server-Sent Events, Viewport APIs, Quota API, etc.

What’s possible today with just a browser…

What’s possible today with just a browser…

Microsoft Confidential

Microsoft Confidential