Console messages from Microsoft Edge now display in the DevTools Console under Output of Microsoft Visual Studio Code. The Microsoft Edge Developer Tools for Visual Studio Code extension version 1.1.4 for Microsoft Visual Studio Code now displays a favicon next to each of the DevTools instances.
Microsoft Edge DevTools for Visual Studio Code extension update 1.1.4 For real-time updates on this feature in the Chromium open-source project, see Issue 174309. Press the keys you want to bind to the action.įor more information about customizing and editing shortcuts, see Customize keyboard shortcuts in DevTools. Open DevTools, and then select Settings > Shortcuts. You can now customize the keyboard shortcut for any action in the DevTools. Display DevTools Tooltips in Overview of DevTools.Note: As of May 2022, tooltips aren't supported from the Activity Bar that is, in Focus Mode. Update: This feature has been released and is no longer experimental. Then hover over each outlined region of DevTools: Open the Command Menu and then type tooltips.Press Ctrl+ Shift+ H (Windows, Linux) or Cmd+ Shift+ H (macOS).Select Customize and control DevTools (.To turn on Tooltips, do one of the following:
Hover over each outlined region of DevTools to learn more about how to use the tool.
The DevTools Tooltips feature helps you learn about all the different tools and panes. Learn about DevTools with informative tooltips For more information about this feature or to comment with questions and ideas, see DevTools: Focus Mode UI. To turn on the experiment, see Turning an experiment on or off and select the checkboxes next to Focus Mode and DevTools Tooltips and Enable + button tab menus to open more tools. To customize each tool group, close tools with the Close ( X) icon or add new tools with the More tools ( +) icon. The new Activity Bar displayed on the left includes predefined tool groups such as Layout and Debugging. Group tools together in Focus Modeįocus Mode is an experimental interface that allows you to group different tools together based on your own debugging scenarios. To report a problem with DevTools or ask for a new feature, file an issue in the MicrosoftEdge/DevTools repo. See Microsoft Edge Insider Channels.įor the latest announcements, follow the Microsoft Edge team on Twitter. The Beta, Dev, and Canary versions of Microsoft Edge run as separate apps, side-by-side with the stable, released version of Microsoft Edge. Whether you're on Windows, Linux, or macOS, consider using Canary (or another preview channel) as your default development browser. To stay up to date and get the latest DevTools features, download an Insiders preview version of Microsoft Edge. To check out the latest features of Microsoft Edge DevTools and the Microsoft Edge DevTools extension for Microsoft Visual Studio Code and Visual Studio, read these announcements.