Microsoft Edge for Developers Alex Mackey DEV322B

@alexjmackey simpleIsBest.co.uk bit.ly/1WIDh63

Agenda Why create a new browser? Show me Edge F12 tooling & new technology support Edge gotcha’s!

Why Create a New Browser?

3 Main Reasons.. Marketing Changing browser use cases Address technical debt

Marketing

http://sisterwebs.com/web-developers-hate-ie-history-hope/

Changing browser use cases

Universal Application Platform Framework Windows Windows Phone Xbox HoloLens Universal Application Platform Framework

Address technical debt

Technical debt sloooooows progress

Legacy technology support

Wild Wild Web

The web is pretty forgiving..

Document Modes https://msdn.microsoft.com/en-us/library/dn384051(v=vs.85).aspx

So what to do?

Browser Subsystems Networking Native OM HTML Formatting CSS Collections or meta data JavaScript Marshalling Native OM Formatting Block building Layout Rendering

IE11 standards support Other good stuff Document Modes Legacy - ActiveX etc

Fork

Edge Goals Be an amazing browser Be bold and forward looking Ship features fast

Demo - Show me Edge!

Feature Summary Web Notes & Sharing Reading View & List Cortana Integration Edge Automatically Updates

F12 Tools

F12 Improvement Highlights Bring F12 Tools into line with other browsers Revamped network tool Source map support TypeScript refactoring

Edge Gotchas!

Deprecated Technology Document modes ActiveX Extensions - BHO’s, Accelerators, Web Slices attachEvent/removeEvent API MS prefix

User Agent String Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko -IE11 Windows 8

User Agent String 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 -Edge Windows 10

Browser Sniffing if (navigator.userAgent.indexOf("Trident")>=0){ //IE specific code } else { //Do something else

Reduced Experience Is Internet Explorer? Best Experience IE 6

Reduced Experience Is Internet Explorer? Best Experience IE 6

Feature Detection if (window.WebGLRenderingContext) { //supports webgl } else { //no support

New Technology Arrow functions, Promises, Rest parameters Srcset & Picture Object RTC Web Audio API Asm.js

Conclusion Edge is the browser for Windows going forwards! IE 11 is present on Windows 10 for legacy applications Edge is fork of IE F12 Dev tools improved

Complete your session evaluation on My Ignite for your chance to win one of many daily prizes.

Continue your Ignite learning path Microsoft Ignite 2015 11/17/2018 6:36 PM Continue your Ignite learning path Visit Microsoft Virtual Academy for free online training visit https://www.microsoftvirtualacademy.com Visit Channel 9 to access a wide range of Microsoft training and event recordings https://channel9.msdn.com/ Head to the TechNet Eval Centre to download trials of the latest Microsoft products http://Microsoft.com/en-us/evalcenter/ © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.