Edit

What's New in DevTools (Microsoft Edge 107)

  • Article

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.

To stay up to date and get the latest DevTools features, download an Insiders preview version of Microsoft Edge. Whether you're on Windows, Linux, or macOS, consider using Canary (or another preview channel) as your default development browser. The Beta, Dev, and Canary versions of Microsoft Edge run as separate apps, side-by-side with the stable, released version of Microsoft Edge. See Microsoft Edge Insider Channels.

For the latest announcements, follow the Microsoft Edge team on Twitter. To report a problem with DevTools or ask for a new feature, file an issue in the MicrosoftEdge/DevTools repo.

Automate WebView2 with Playwright

Playwright is a testing library that enables reliable end-to-end testing across different browsers and platforms. Playwright has always supported automating and testing web content in Microsoft Edge, but now Playwright also supports testing the Microsoft Edge WebView2 control.

The Microsoft Edge WebView2 control allows you to embed web technologies (HTML, CSS, and JavaScript) in your native apps. You can now use Playwright to test your web content running in WebView2. To get started, see Playwright's documentation for WebView2.

See also:

Focus Mode: Activity Bar icons show text label on mouse hover

Starting in Microsoft Edge 107, in Focus Mode, the Activity Bar now displays tooltips when you hover over tool icons. These tooltips appear immediately and help you quickly identify and switch between tools:

Activity Bar tooltips

When the Activity Bar is horizontal, a tooltip appears when a tool icon doesn't already have a text label next to it:

Tooltips for horizontal Activity Bar icons

New keyboard shortcut for the Command Palette experiment

The Command Palette experiment was removed in Microsoft Edge 123.

In Microsoft Edge 106, we introduced the Command Palette, an experimental feature for accessing browser management and developer tools commands. In Microsoft Edge 107, the keyboard shortcut for opening the Command Palette has been updated from Shift+Ctrl+Spacebar to Ctrl+Q on Windows, macOS, and Linux.

Command Palette

Thank you for your feedback on this issue! Let us know what commands you'd like to see in future versions of Microsoft Edge, by posting a comment in Issue 73: [feedback] Command Palette experiment in the DevTools repo!

The Memory tool can now load larger heap snapshots

In previous versions of Microsoft Edge, when loading large heap snapshots in the Memory tool, the snapshot would fail to load and a RangeError: Map maximum size exceeded message would be logged to the Console:

The RangeError Console message

In Microsoft Edge 107, this issue has been fixed. The Memory tool can now successfully load large heap snapshots. This issue was caused by a hard-coded limit in V8 (the JavaScript engine of the browser), that limits the number of map elements to 16M. By using a linked list of maps, the Memory tool no longer has a hard-coded map limit.

Retainers in the Memory tool for a large heap snapshot

If you still encounter issues when loading large heap snapshots, please open an issue in the DevTools repo!

See also:

In previous versions of Microsoft Edge, links in the Application tool didn't render correctly in high contrast mode. The links weren't visible, and they weren't the same color as defined in the high contrast setting. In Microsoft Edge 107, this issue has been fixed. Links in the Application tool now match the color that's defined in the high contrast setting:

Links in High Contrast mode

See also:

Announcements from the Chromium project

Microsoft Edge 107 also includes the following updates from the Chromium project: