devtools-130.md

title	description	author	ms.author	ms.topic	ms.service	ms.subservice	ms.date
What's New in DevTools (Microsoft Edge 130)	Detached Elements profile in Memory tool. Improved names of JavaScript objects in heap snapshots. Create collection or environment in Network Console. Fixed icon bugs. Performance tab icon when throttled. High-contrast Warning count. And more.	MSEdgeTeam	msedgedevrel	conceptual	microsoft-edge	devtools	10/17/2024

What's New in DevTools (Microsoft Edge 130)

[!INCLUDE Microsoft Edge team note for top of What's New]

Detached Elements profiling type in Memory tool

The Memory tool has a new profiling type called Detached elements, which shows detached objects that are retained by a JavaScript reference:

The Detached elements profiling type shows a view of the detached nodes to help you identify memory leaks on your webpage:

See also:

• Debug DOM memory leaks with the Detached Elements feature

Improved names of JavaScript objects in heap snapshots

To help differentiate plain JavaScript objects in the Object category, they are now named and categorized based on the properties they contain. These names are also searchable if you press Ctrl+F.

See also:

• Record heap snapshots using the Memory tool

Create a collection or environment in Network Console

Previously, in the Network Console tool, when you tried to create a new collection or environment, it was unresponsive and wouldn't save after pressing Enter. This bug is fixed and functionality has been restored.

See also:

• Compose and send web API requests using the Network Console tool

Fixed icon alignment in vertical Activity Bar

When the Activity Bar was vertical, the icons were left-aligned:

This has been fixed:

See also:

• Overview of the user interface in Overview of DevTools.

Removed circle shadow when hover over toolbar icons

Many icons in the Activity Bar and other toolbars showed an overlapping circle and square shadow when you hovered over them:

The double shadow has been removed, and the icon only shows the square shadow when you hover over it:

See also:

• Overview of the user interface in Overview of DevTools.

Performance tool tab warning icon when throttling

When throttling is enabled in Device Emulation, a warning icon is displayed in the Performance tab of the toolbar to help you know that performance is impacted by throttling:

See also:

• Throttle the network and CPU in Emulate mobile devices (Device Emulation).

Console's Warnings count button has increased contrast

In the Console tool, the Warning count expander button on warning messages in the Console previously didn't meet the standard luminosity ratio of 3:1.

This has now been fixed; the Warning count expander button has a higher luminosity ratio:

See also:

• Inspect and filter information on the current webpage in Console overview.

Announcements from the Chromium project

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

• Network panel improvements
  • Network filters reimagined
  • HAR exports now exclude sensitive data by default
• Elements panel improvements
  • Autocomplete values for text-emphasis-* properties
  • Scroll overflows marked with a badge
  • Bare declarations after nested rules don't "shift up"
• Performance panel improvements
  • Recommendations in live metrics
  • Navigate breadcrumbs
• Turn off dynamic theming