What's new in DevTools (Microsoft Edge 156)

These are the latest DevTools features in the Stable release of Microsoft Edge.

Tool icons return to DevTools

In the Activity Bar, the icons have been restored in the tool tabs:

Thank you for your feedback on how the tool icons support your workflows.

Announcements from the Chromium project

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

• Elements: Visual position-area editor, implicit anchor selection, and CSS authoring updates
  • Visual position-area editor.
  • Implicit anchor selection on popover adorners.
  • Anchor positioning box overlay.
  • Inactive CSS styles for @starting-style and inherited rules.
  • Multi-dash custom properties.
  • Smarter class autocomplete.
• Application: Web Install manifest diagnostics, ad provenance, and storage table updates
  • Web Install manifest diagnostics.
  • Ad metric documentation tooltips and links.
  • Cookies table: Restored row deletion using the keyboard or context menu.
• Network: Early Hints preload warnings and persistent overrides
  • Persistent local overrides.
  • Persistent custom header columns.
  • Copy raw request payloads.
• Memory: Dead context field detection in heap snapshots
  • Dead context field detection in heap snapshots.
• Performance: Smoother timeline navigation and preserved call tree state
  • Preserved Call tree and Bottom-up state.
• Other highlights
  • Sensors: CPU Performance Tier control.
  • Device Mode: Per-device scale and auto-adjust zoom preferences.
  • Color Picker: APCA contrast color suggestions for light text on dark backgrounds.

See also

• What's new in Microsoft Edge DevTools
• Release notes for Microsoft Edge web platform