What’s new and beyond for the Edge...

#msedgesummit

What’s new and beyond for the

Edge DevTools

#msedgesummit

Jacob RossiPM Lead - Edge DevTools

@jacobrossi

jacobrossi

#msedgesummit

12 years of Microsoft Browser Tools

CREATING THE EDGE DEVTOOLS FROM SCRATCH

#msedgesummit

CREATING THE EDGE DEVTOOLS FROM SCRATCH IE

#msedgesummit

#msedgesummit

Ok, no paper clips and chewing gum, but…

#msedgesummit

How satisfied are you with the

F12 tools for Microsoft Edge?

#msedgesummit

Pardon our dust as we build a new foundation

#msedgesummit

Edge DevTools

EdgeHTML

JSON RPC via WebSockets

Web CodeTypeScript, WebPack, Glamor, Redux…

VS Code SonarVisual Studio

[Your Project Here]

Not just cleaner code,

better performance and reliability

#msedgesummit

50% less memory usage

4% less disk space

Up to 17% faster launch

#msedgesummit

Ok, but what about new features?

#msedgesummit

Accessibility inspection

#msedgesummit

Improved debugger

• Edit JS directly in F12 – now on by default, built-in diff

• Breakpoints work across multiple instances of the same resource

• Dockable resource explorer with filtering

• Editable storage inspection

#msedgesummitService Workers & Cache inspection (experimental)

#msedgesummit

DOM mutation breakpoints

#msedgesummit

Pseudo element inspection

#msedgesummit

Ancestor and event path inspection

#msedgesummit

Better animations, fonts, supports styles

#msedgesummit

A completely new console

#msedgesummit

A look ahead

#msedgesummit

Help us help you

#msedgesummit

Help us help you

uservoice.microsoftedge.com

#msedgesummit

We’re listening

#msedgesummit

In the works

#msedgesummit

Our journey to better DevTools begins now

Rebuilding the foundation of the Edge DevToolsFundamentals

Exposing a modern, open API for tooling against EdgeTools

Ecosystem

Listening to developers and building the tools you needNew Tools

#msedgesummit

Thank you!

aka.ms/2017devtools

tools.microsoftedge.com

@jacobrossi

jacobrossi