Microsoft’s Browser Roadmap€¦ · HTML5 Geolocation HTML5 History API HTML5 Parser HTML5...
Transcript of Microsoft’s Browser Roadmap€¦ · HTML5 Geolocation HTML5 History API HTML5 Parser HTML5...
Microsoft’s Browser Roadmap Chris Jackson [email protected] | @appcompatguy | http://appcompatguy.com
Guidance: Stay Current with
a Modern Web Browser Modern Web Technologies Increased Security Better Performance Backward Compatibility Easier OS Upgrades
Windows Browser Roadmap
2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020
Internet Explorer 10
Internet Explorer 11
Internet Explorer 8 Internet Explorer 9
Internet Explorer 11 Internet Explorer 10
Internet Explorer 11 Microsoft Edge
Windows Browser Roadmap
2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020
Internet Explorer 11 Microsoft Edge
Internet Explorer 8 Internet Explorer 9
Internet Explorer 10 Internet Explorer 11
Microsoft Web Browsers
Microsoft Edge Internet Explorer 11
Internet Explorer 11
IE8 IE11 in … IE11
0
2
4
6
8
10
Seco
nd
s o
n S
un
Spid
er 1
.0.2
JavaScript Performance
FASTER
Benefits from
Internet
Explorer 11
Modern Web Standards
Increased Performance
Improved Security
Backward Compatibility
HTML5
CSS Level 3
SVG 1.1 2nd Edition
WebGL
EcmaScript 6th Edition
Hardware-Accelerated Browsing
New Script Engine
New Layout Engine
Pre-Fetching & Pre-Rendering
Network Improvements
Network Prioritization
SmartScreen Filter Improvements
Tracking Protection
Enhanced Protected Mode
TLS 1.2 Enabled by Default
Password Manager Enhancements
Out-of-Date ActiveX Control Blocking
Enterprise Mode Site List
• IE11 Doc Mode • IE10 Doc Mode • IE9 Doc Mode • IE8 Doc Mode • IE7 Doc Mode • IE5 Doc Mode • IE8 Enterprise Mode • IE7 Enterprise Mode
IE9 Standards Support CSS 2D Transforms CSS Backgrounds & Borders CSS Color CSS Fonts CSS Media Queries CSS Namespaces CSS OM Views CSS Selectors CSS Values and Units Data URI
DOM Element Traversal DOM HTML DOM Level 3 Core DOM Level 3 Events DOM Style DOM Traversal and Range DOMParser and XMLSerializer ECMAScript 5 HTML5 Canvas HTML5 Geolocation
HTML5 Selection HTML5 semantic elements HTML5 video and audio ICC Color Profiles Selectors API Level 2 SVG, standalone and in HTML XHTML/XML
IE10 Standards Support CSS 2D Transforms CSS 3D Transforms CSS Animations CSS Backgrounds & Borders CSS Color CSS Flexbox CSS Fonts CSS Grid CSS Hyphenation CSS Image Values (Gradients) CSS Media Queries CSS multi-column Layout CSS Namespaces CSS OM Views CSS Positioned Floats (Exclusions) CSS Selectors CSS Transitions CSS Values and Units Data URI DOM Element Traversal
DOM HTML DOM Level 3 Core DOM Level 3 Events DOM Style DOM Traversal and Range DOMParser and XMLSerializer ECMAScript 5 File Reader API File Saving FormData HTML5 Application Cache HTML5 async HTML5 BlobBuilder HTML5 Canvas HTML5 Drag and drop HTML5 Forms and Validation HTML5 Geolocation HTML5 History API HTML5 Parser HTML5 Sandbox
HTML5 Selection HTML5 semantic elements HTML5 track HTML5 video and audio JavaScript Typed Array ICC Color Profiles IndexedDB Page Visibility Pointer (Mouse, Pen, and Touch) Events RequestAnimationFrame Navigation Timing Selectors API Level 2 SVG Filter Effects SVG, standalone and in HTML Web Messaging Web Sockets Web Workers XHTML/XML XMLHttpRequest (Level 2) XMLHttpRequest CORS
IE11 Standards Support CSS 2D Transforms CSS 3D Transforms CSS Animations CSS Backgrounds & Borders Level 3 CSS Color CSS Flexbox Layout Module CSS Fonts CSS Grid CSS Hyphenation CSS Image Values (Gradients) CSS Media Queries CSS multi-column Layout CSS Namespaces CSS OM Views CSS Positioned Floats (Exclusions) CSS Selectors CSS Transitions CSS Values and Units Data URI Device Orientation Events DOM Element Traversal DOM HTML DOM Level 3 Core DOM Level 3 Events DOM4 Mutation Observers DOM Style
DOM Traversal and Range DOMParser and XMLSerializer ECMAScript 6 File Reader API File Saving FormData Fullscreen API HTML5 Application Cache HTML5 async HTML5 BlobBuilder HTML5 Canvas HTML5 Custom Data HTML5 Drag and drop HTML5 Forms and Validation HTML5 Geolocation HTML5 History API HTML5 Page Transition Events HTML5 Parser HTML5 Sandbox HTML5 Selection HTML5 semantic elements HTML5 track HTML5 video and audio JavaScript Typed Array ICC Color Profiles IndexedDB
Input Method Editor API Media Source Extensions Navigation Timing Page Visibility Pointer Events (Mouse, Pen, and Touch) as emerging web standard RequestAnimationFrame Navigation Timing Screen Orientation API Selectors API Level 2 SVG Filter Effects SVG, standalone and in HTML Tracking Preferences Expression (DNT) Web Cryptography API Web GL Web Messaging Web Sockets Web Video Text Tracks Format Web Workers XHTML/XML XMLHttpRequest (Level 2) XMLHttpRequest (Level 3) XMLHttpRequest CORS
Legacy Web
Modern Web
Internet Explorer 7
Internet Explorer 8
Internet Explorer 9
Internet Explorer
10
Internet Explorer 11
Internet Explorer 6
Internet Explorer 5
Internet Explorer 11 Compatibility
Enterprise Mode for Internet Explorer 11
Provides support for web apps designed for older versions of Internet Explorer Works with Windows 7, Windows 8.1, Windows 10 Eases Browser Upgrades by Reducing Web App Testing & Remediation
47% of IT Pros surveyed said the upgrade to Internet Explorer 11 was easier than expected—and 90% of these used backward compatibility features to ease their migration
Enterprise Mode Drives Results
“Enterprise Mode makes the upgrade possible.”
“We no longer need to
test for multiple browsers.”
“We have literally saved millions of dollars in support costs around the world.”
Customer Quotes
Source: “The Total Economic Impact of Internet Explorer 11,” a commissioned study conducted by Forrester Consulting on behalf of Microsoft, March 2015
Internet Explorer 11
Only Internet Explorer 11 offers the security, manageability, performance, backward compatibility, and modern standards
support that large web app portfolios need across Windows 7, Windows 8.1, and Windows 10
Microsoft Edge
Old Web Strategy: Web Standards
New Web Strategy: Interoperability
4000+Interoperability Fixes, Preserve-3d, Touch Events, CSS Filter Effects, DOM Clipboard Support, HTML Drag and Drop, Web Audio, CSS Position Sticky, CSS @supports, CSS Flexbox, HTML Beacon, WebDriver, IndexedDB, WebCrypto, Internation Mixed Languages Support, CSS Grid, CSS Variables, srcset, <picture> element, Web Workers Update, DOM4 Events, Font Loading, BDI, Cross-domain, HLS Manifest, Block Ellipsis, WAV, @rules, CSS Text(), CSS Border Logical, Logical Box Model, DOM Gamepad API, DOM FileSystem API, HTML <date> element, HTML <keygen> element, HTML <main> element, HTML <output> element, HTML <summary> element, HTML <detail> element, HTML <time> element, Native PDF, AppCache, 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, ES6 Modules, ES6 Promises, CSS Intrinsic & Extrinsic Sizing, Web Components, CSS Scoped Styles, HTTP 2.0, CSS Resize, WebGL, 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.
http://status.modern.ie
Interoperability Features
Microsoft Edge Safer web browsing across your Windows 10 devices Switches to Internet Explorer 11 to support existing web apps Built-in note-taking & sharing Only browser with Cortana, to get more done on the web Always up-to-date
Windows 10 Web Browsing
Internet Explorer 11 Compatibility
Interoperability
Microsoft Edge
• Great for large organizations • IE11 backward compatibility,
including Enterprise Mode
Windows 10 Web Browsers Microsoft Edge Internet Explorer 11
Internet Explorer 11 is the fastest web path to Windows 10
Upgrade to Internet Explorer 11 to continue receiving security updates and technical support after January 12, 2016.
Internet Explorer 11 is supported on Windows 7, Windows 8.1, and Windows 10.
Internet Explorer 11 can help ease your migration to Windows 10.
Customer
Guidance
Your feedback is important!
Scan the QR Code and let us know via the TechDays App.
Laat ons weten wat u van de sessie vindt via de TechDays App!
Scan de QR Code.
Bent u al lid van de Microsoft Virtual Academy?! Op MVA kunt u altijd iets nieuws leren over de laatste technologie van Microsoft. Meld u vandaag aan op de MVA Stand. MVA biedt 7/24 gratis online training on-demand voor IT-Professionals en Ontwikkelaars.