DevTools Of The Future

on YouTube ↗31m

" summary

Microsoft frames a specific roadmap: ship tooling that integrates editors with runtimes, and the team already ships vs code Chrome debugger and an Edge Diagnostics adapter so existing debuggers work with Edge. The demos show multitarget debugging—one debugger pausing both Node and Chrome—and iOS devices debugging from Windows. The browser hides devtools by default to cut accidental user confusion. The claim is practical tooling wins, not vague promises, and these prototypes actually run.

AI-written summary · about

" chapters (14)

1. 0:00Introduction
2. 1:15Context
3. 2:03Devices
4. 4:03Edge
5. 5:06Mobile
6. 7:15Progressive Web
7. 11:11DevTools
8. 13:29Wire Workflow
9. 14:21BibDev Syndrome
10. 17:45Open Ecosystem
11. 22:40Why The Web
12. 24:58Edge DevTools
13. 27:59Future of DevTools
14. 30:15Outro

" related talks

• 28mDevTools for the Progressive WebKenneth Auchenberg · JSConf Colombia 2016
• 37mAll tooled up and nowhere to go?Christian Heilmann · HalfStack Online May 2020
• 43mModern web debugging with devtoolsJecelyn Yeen · BrazilJS Conf 2024
• 35mOptimise your Web Development WorkflowUmar Hansa · ffconf 2016
• 50mModern Web DebuggingJecelyn Yeen · SmashingConf Freiburg 2023
• 28mModern Web DebuggingJecelyn Yeen · JSNation 2023
• 30mAlternative Reality DevToolsKonrad Dzwinel · Front-Trends 2017
• 22mEdge: State of web developer toolsRob Paveza · Microsoft Build 2023