|
| 1 | +--- |
| 2 | +title: What's New in DevTools (Microsoft Edge 132) |
| 3 | +description: "CSS selector costs include links in Insights sidebar. Right-click a tab to move it left or right in Quick View. Heap snapshot objects categorized by constructor names and source locations in Memory tool. 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: 1/16/2025 |
| 10 | +--- |
| 11 | +# What's New in DevTools (Microsoft Edge 132) |
| 12 | + |
| 13 | +[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)] |
| 14 | + |
| 15 | + |
| 16 | +<!-- ====================================================================== --> |
| 17 | +## CSS selector costs now include links in the Insights sidebar |
| 18 | + |
| 19 | +<!-- Subtitle: Selectors have clickable links to their stylesheet in the Insights sidebar. --> |
| 20 | + |
| 21 | +The left sidebar in the **Performance** tool displays the costs of CSS selectors in the **Insights** tab when the **Enable CSS selector stats (slow)** checkbox is enabled. Now, the selectors have links to the stylesheets that contain them. |
| 22 | + |
| 23 | +Some selectors might have more than one link when they are defined in multiple locations in a stylesheet or defined in multiple stylesheets. For example, two links will be shown as **[1], [2]**. Selectors from user agent stylesheets or dynamically created stylesheets won't have links. |
| 24 | + |
| 25 | + |
| 26 | + |
| 27 | +See also: |
| 28 | +* [View CSS selector costs in the Performance tool sidebar](../../2024/11/devtools-131.md#view-css-selector-costs-in-the-performance-tool-sidebar) in _What's New in DevTools (Microsoft Edge 131)_. |
| 29 | + |
| 30 | + |
| 31 | +<!-- ====================================================================== --> |
| 32 | +## Move a tab left or right in the Quick View toolbar by right-clicking it |
| 33 | + |
| 34 | +<!-- Subtitle: Move the tabs in the Quick View toolbar left or right by using the tab's right-click menu. --> |
| 35 | + |
| 36 | +Previously, you could rearrange the tabs in **Quick View** only by dragging them. This can be difficult for users who are using input devices such as a trackball or head pointer. Now, you can also move a tab left or right by right-clicking the tab and then selecting **Move left** or **Move right**: |
| 37 | + |
| 38 | + |
| 39 | + |
| 40 | +See also: |
| 41 | +* [Pin and rearrange tools in the Activity Bar](../../../overview.md#pin-and-rearrange-tools-in-the-activity-bar) in _Overview of DevTools_. |
| 42 | + |
| 43 | + |
| 44 | +<!-- ====================================================================== --> |
| 45 | +## Heap snapshot objects are categorized by constructor names and source locations in the Memory tool |
| 46 | + |
| 47 | +<!-- JS objects are grouped by their names and sources in the Memory tool.--> |
| 48 | + |
| 49 | +Before, when JavaScript objects in the heap snapshot Summary view were grouped by the names of their constructors, it was possible for distinct constructors to have the same name, meaning unrelated objects could end up in the same group. |
| 50 | + |
| 51 | +Now, JS objects are grouped together based on their constructor names and source locations. |
| 52 | + |
| 53 | +See also: |
| 54 | +* [Record heap snapshots using the Memory tool ("Heap snapshot" profiling type)](../../../memory-problems/heap-snapshots.md) |
| 55 | + |
| 56 | + |
| 57 | +<!-- ====================================================================== --> |
| 58 | +## Announcements from the Chromium project |
| 59 | + |
| 60 | +Microsoft Edge 132 also includes the following updates from the Chromium project: |
| 61 | + |
| 62 | +* [Manage extension storage in Application > Storage](https://developer.chrome.com/blog/new-in-devtools-132#extension-storage) |
| 63 | +* [Performance improvements](https://developer.chrome.com/blog/new-in-devtools-132#perf) |
| 64 | + * [Interaction phases in live metrics](https://developer.chrome.com/blog/new-in-devtools-132#interaction-phases) |
| 65 | + * [Render blocking information in the Summary tab](https://developer.chrome.com/blog/new-in-devtools-132#render-blocking) |
| 66 | + * [Support for scheduler.postTask events and their initiator arrows](https://developer.chrome.com/blog/new-in-devtools-132#initiators) |
| 67 | +* [Animations panel and Elements > Styles tab improvements](https://developer.chrome.com/blog/new-in-devtools-132#animations) |
| 68 | + * [Jump from Elements > Styles to Animations](https://developer.chrome.com/blog/new-in-devtools-132#animations-link) |
| 69 | + * [Real-time updates in Computed tab](https://developer.chrome.com/blog/new-in-devtools-132#computed) |
| 70 | +* [Compute pressure emulation in Sensors](https://developer.chrome.com/blog/new-in-devtools-132#compute-pressure) |
| 71 | +* [JS objects with the same name grouped by source in the Memory panel](https://developer.chrome.com/blog/new-in-devtools-132#memory) |
| 72 | +* [A new look for settings](https://developer.chrome.com/blog/new-in-devtools-132#settings) |
| 73 | +* [Performance insights panel is deprecated and removed from DevTools](https://developer.chrome.com/blog/new-in-devtools-132#perf-insights) |
| 74 | + |
| 75 | + |
| 76 | +<!-- ====================================================================== --> |
| 77 | +<!-- uncomment if content is copied from developer.chrome.com to this page --> |
| 78 | + |
| 79 | +<!-- > [!NOTE] |
| 80 | +> Portions of this page are modifications based on work created and [shared by Google](https://developers.google.com/terms/site-policies) and used according to terms described in the [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0). |
| 81 | +> The original page for announcements from the Chromium project is [What's New in DevTools (Chrome 132)](https://developer.chrome.com/blog/new-in-devtools-132) and is authored by Sofia Emelianova. --> |
| 82 | + |
| 83 | + |
| 84 | +<!-- ====================================================================== --> |
| 85 | +<!-- uncomment if content is copied from developer.chrome.com to this page --> |
| 86 | + |
| 87 | +<!-- [](https://creativecommons.org/licenses/by/4.0) |
| 88 | +This work is licensed under a [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0). --> |
0 commit comments