Resources for "The better together story of Edge DevTools"
We'd love you to help us to spread the message of this idea, so if you need anything (screencasts, videos, help to write blog posts), feel free to contact Chris Heilmann.
This talk/presentation
Materials to watch/read/send to people
Documentation
- Official Chromium DevTools in Edge Documentation with an excellent TOC menu to find information and send people to: https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/
- Issues reporting in the browser: https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/issues/
Blog posts
- Improved authoring and debugging experiences in Microsoft Edge DevTools and Visual Studio Code: https://blogs.windows.com/msedgedev/2021/10/21/improved-authoring-debugging-devtools-visual-studio-code/
Open in VS Code
- Open in Code Video: https://youtu.be/BipIjroX0ig
- Open in Code Docs: https://aka.ms/open-in-code
- (video) What if… Visual Studio Code became the editor of in-browser Developer Tools? https://youtu.be/77qEmDlFtzg
- (blog post) What if… you could use Visual Studio Code as the editor of in-browser Developer Tools? https://christianheilmann.com/2021/10/12/what-if-you-could-use-visual-studio-code-as-the-editor-of-in-browser-developer-tools/
CSS Mirror Editing
- CSS Mirror Editing explained in ~40 seconds: https://youtu.be/sFfnTygHWoI
DevTools for VS Code extension
-
Official Docs: https://docs.microsoft.com/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension
-
What's new in Microsoft Edge Tools for Visual Studio Code 1.4.0: https://youtu.be/g_TpkkmYzXs
-
Issue Reporting: https://youtu.be/oDVd-SMoNjk
-
Screencast Improvements: https://youtu.be/_n6_CpMTT9M
-
Device Emulation: https://youtu.be/oFYn-LRKibw
Console in Visual Studio Code via JS Debugger
- 1 minute Console in JSDebug video: https://youtu.be/00MNtSzasSQ
- Documentation: https://docs.microsoft.com/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension#console-integration
Tool powering the Issues feature
- Webhint/hint: https://webhint.io/