Upload
others
View
0
Download
0
Embed Size (px)
Citation preview
#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