The Web Should Just Work for Everyone – but Sometimes It Doesn

Browser Internet Explorer

Web Platform Trident Browser Chrome

Web Platform Blink Browser Safari

Web Platform Webkit Browser Firefox

Web Platform Gecko 1995 2015

1 2 3 4 4.x 5 5.5 6 7 8 9 10 11

Trident

HTML4, ES3, CSS2

1995 2015

1 2 3 4 4.x 5 5.5 6 7 8 9 10 11

Trident

!DOCTYPE Quirks Strict Legacy Web Modern Web HTML4, ES3, CSS2 CSS2.1 HTML5, SVG, ES5, CSS3

1995 2015

1 2 3 4 4.x 5 5.5 6 7 8 9 10 11

Trident

IE5 IE7 IE8 EMIE Standards Enterprise Compat View !DOCTYPE Quirks Mode Mode x-ua-compatible

IE9 IE10 QME IE11 Standards Standards Quirks Mode Standards Mode Mode Emulation Mode 11

Q 121314 333435 5 11

Q 121314 333435 5 Chromium 28 – 27% Chromium 33 – 6% Chromium 35 – 1% Chromium 38 – 1%

Chromium 40 – 39% Chromium versions

<10

Chromium 39 – 3% Chromium 37 – 2% Chromium 30 – 1% Chromium 30 – 18% Chromium 18 - 2%

Source: www.quirksmode.org/blog/archives/2015/02/counting_chromi.html Microsoft EdgeHTML

Evergreen

“The web should just work for everyone – users, developers, and businesses.” The dream: Write once, run anywhere

‘Skeleton key’ user agent: like Android like iPhone Chrome/32.0.1700.99 Mobile Safari /537.36

before after Mozilla/5.0 (Windows NT 10.0; WOW64; rv:39.0) Gecko/20100101 Firefox/39.0

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; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36 Edge/12.10240 Mozilla/5.0 (Windows NT 10.0; WOW64; rv:39.0) Gecko/20100101 Firefox/39.0

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 (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; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.135 Safari/537.36 Edge/12.10240

Always do feature detection (If isolating a bug) Sniff for specific browser versions Assume unknown browsers are good IE11 on Windows 8.1 Microsoft Edge: With support for –webkit transitions

attachEvent() VML

X-UA-Compatible IE Layout Quirks VB Script currentStyle

Conditional Comments MS-prefixed Events

What’s possible today with just a browser…

Real World Usage Data

Developer/Partner Feedback

Standards Stability

Development Capacity