| title | What's New in DevTools (Microsoft Edge 110) |
|---|---|
| description | Faster heap snapshots in Memory tool. Move tools between Activity Bar and Quick View in Focus Mode. Screen readers report when More Tools is expanded. Change Dock and Activity Bar location via keyboard. Screen readers announce which theme is selected. Improved support for contrast themes. And more. |
| author | MSEdgeTeam |
| ms.author | msedgedevrel |
| ms.topic | article |
| ms.service | microsoft-edge |
| ms.subservice | devtools |
| ms.date | 02/09/2023 |
These are the latest features in the Stable release of Microsoft Edge DevTools.
In previous versions of Microsoft Edge, generating large heap snapshots (over 1 GB) in the Memory tool could take anywhere from 2 to 15 minutes, depending on the size of your website or app, and how many elements were stored in memory.
In Microsoft Edge 110, the Memory tool is now 70% to 86% faster at taking heap snapshots. For larger heap snapshots, we're seeing the greatest improvement in speed. If you've noticed that taking heap snapshots is much faster, please leave us feedback in [Feedback] Taking heap snapshots in the Memory tool is now faster #131.
See also:
Microsoft Edge 110 contains various improvements to Focus Mode in DevTools. The following changes make it easier to customize the Activity Bar and the Quick View panel, to show only the tools that you're currently interested in.
The right-click menu command for moving a tool between the Quick View panel and the Activity Bar now indicates the placement of the destination toolbar, such as:
- Move to bottom Quick View
- Move to side Quick View
- Move to top Activity Bar
- Move to left Activity Bar
The right-click menu for moving a tool between the Activity Bar and the Quick View toolbar no longer obscures the tool's name in the toolbar.
For example, the Network Conditions tool name remains visible when you right-click the tool's tab in the Quick View toolbar:
As another example, the Network tool name remains visible when you right-click the tool's tab in the Activity Bar:
For keyboard shortcut and assistive technology users, focus is preserved in the Activity Bar or Quick View toolbar when moving the currently selected tool from one toolbar to the other, or when removing a tool from the toolbar.
For example, suppose the Network tool has been moved to the Quick View toolbar, and you right-click the Network tab on the Quick View toolbar:
If you then select Remove from Quick View, focus stays in the Quick View toolbar and moves to the Network conditions tool, which is the next tool in the Quick View toolbar:
The following accessibility issues have been fixed, and using assistive technology such as screen readers and keyboard shortcuts with DevTools is now easier.
In previous versions of Microsoft Edge, screen readers reported that the More tools (
) button was collapsed, when the More tools menu was actually expanded. In Microsoft Edge 110, this issue has been fixed.
Screen readers now correctly report when the More tools () menu is expanded:
In previous versions of Microsoft Edge, in Focus Mode, it wasn't possible to change the Dock location or the Activity Bar location via the keyboard. In Microsoft Edge 110, this issue has been fixed.
In Focus Mode, you can now change the Dock location and the Activity Bar location from the Customize and control DevTools (
) menu by using the arrow keys:
In previous versions of Microsoft Edge, when scrolling through the list of themes for DevTools, screen readers didn't announce whether or not a theme was selected. In Microsoft Edge 110, this issue has been fixed.
Screen readers now announce which theme is currently selected when you are moving among the themes in the Customize and control DevTools () menu:
See also:
DevTools in Microsoft Edge 110 now has better support for Windows contrast themes. The Network, Console, Issues, and Sources tools have all been improved so that the tools render correctly with contrast themes.
In the Issues tool, with the Desert contrast theme applied in Windows, when you put focus on a particular issue, the details about the issue were displayed against a solid background, which made the text hard to read. In Microsoft Edge 110, this has been fixed, by using an outline instead of a solid background:
In the Network tool, with the Desert contrast theme applied in Windows, selecting a particular request made the text and icon for the request hard to see. In Microsoft Edge 110, this has been fixed:
See also:
Microsoft Edge 110 also includes the following updates from the Chromium project: