|
| 1 | +--- |
| 2 | +title: What's New in DevTools (Microsoft Edge 136) |
| 3 | +description: "DOM tree in Elements tool highlights semantic errors. And more." |
| 4 | +author: MSEdgeTeam |
| 5 | +ms.author: msedgedevrel |
| 6 | +ms.topic: conceptual |
| 7 | +ms.service: microsoft-edge |
| 8 | +ms.subservice: devtools |
| 9 | +ms.date: 05/05/2025 |
| 10 | +--- |
| 11 | +# What's New in DevTools (Microsoft Edge 136) |
| 12 | + |
| 13 | +These are the latest features in the Stable release of Microsoft Edge DevTools. |
| 14 | + |
| 15 | + |
| 16 | +<!-- ====================================================================== --> |
| 17 | +## DOM tree in Elements tool highlights semantic errors |
| 18 | + |
| 19 | +<!-- Subtitle: DOM elements with semantic errors are highlighted with a wavy line and a tooltip with a link. --> |
| 20 | + |
| 21 | +You can now easily identify semantic issues in the DOM tree of the **Elements** tool, such as: |
| 22 | +* An invalid descendant of `<select>`. |
| 23 | +* Mismatched ARIA definitions. |
| 24 | +* Missing ARIA attributes. |
| 25 | + |
| 26 | +Each DOM node that has a semantic issue displays a red wavy line, and has a tooltip with details about the specific issue and a link to the entry in the **Issues** tool: |
| 27 | + |
| 28 | + |
| 29 | + |
| 30 | +To enable this feature, in DevTools experiments, select the checkbox [Highlights a violating node or attribute in the Elements panel DOM tree](../../../experimental-features/index.md#highlights-a-violating-node-or-attribute-in-the-elements-panel-dom-tree). |
| 31 | + |
| 32 | +See also: |
| 33 | +* [Turning an experiment on or off](../../../experimental-features/index.md#turning-an-experiment-on-or-off) in _Experimental features in Microsoft Edge DevTools_. |
| 34 | + |
| 35 | + |
| 36 | +<!-- ====================================================================== --> |
| 37 | +## Announcements from the Chromium project |
| 38 | + |
| 39 | +Microsoft Edge 136 also includes the following updates from the Chromium project: |
| 40 | + |
| 41 | +* [Performance panel improvements](https://developer.chrome.com/blog/new-in-devtools-136#perf) |
| 42 | + * [New performance insights](https://developer.chrome.com/blog/new-in-devtools-136#perf-insights) |
| 43 | + * [Click to highlight](https://developer.chrome.com/blog/new-in-devtools-136#click-to-highlight) |
| 44 | + * [Server timings in Summary of network requests](https://developer.chrome.com/blog/new-in-devtools-136#server-timings) |
| 45 | +* [Filter cookies in 'Privacy and security'](https://developer.chrome.com/blog/new-in-devtools-136#cookies-filter) |
| 46 | +* [Sizes in kB units in tables across panels](https://developer.chrome.com/blog/new-in-devtools-136#kb-units) |
| 47 | +* [Autocomplete supports corner-shape and corner-*- shape in Elements > Styles](https://developer.chrome.com/blog/new-in-devtools-136#corner-shape-autocomplete) |
| 48 | + |
| 49 | + |
| 50 | +<!-- ====================================================================== --> |
| 51 | +## See also |
| 52 | + |
| 53 | +* [What's New in Microsoft Edge DevTools](../../whats-new.md) |
| 54 | +* [Release notes for Microsoft Edge web platform](../../../../web-platform/release-notes/index.md) |
0 commit comments