2. Microsoft Edge for Developers
Alex Mackey
DEV322B

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

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

7. Why Create a New Browser?

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

9. Marketing

11. Changing browser
use cases

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

13. Address technical debt

16. Technical debt
sloooooows
progress

17. Legacy technology
support

18. Wild Wild Web

19. The web is pretty forgiving..

20. Document Modes

21. So what to do?

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

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

24. Fork

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

26. Demo - Show me Edge!

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

28. F12 Tools

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

30. Edge Gotchas!

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

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

33. User Agent String
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/ (KHTML, like Gecko) Chrome/ Safari/ Edge/
-Edge Windows 10

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

35. Reduced Experience
Is Internet Explorer?
Best Experience
IE 6

36. Reduced Experience
Is Internet Explorer?
Best Experience
IE 6

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

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

39. 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

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

41. 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
Visit Channel 9 to access a wide range of Microsoft training and event recordings
Head to the TechNet Eval Centre to download trials of the latest Microsoft products
© 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.