Skip to content

Commit d43d82b

Browse files
committed
writer pass
1 parent df84496 commit d43d82b

3 files changed

Lines changed: 34 additions & 10 deletions

File tree

5.88 KB
Loading

microsoft-edge/devtools-guide-chromium/whats-new/2025/03/devtools-134.md

Lines changed: 26 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
22
title: What's New in DevTools (Microsoft Edge 134)
3-
description: "Move a tab left or right within the Elements or Sources tool. Screen reader improvements. And more."
3+
description: "Forced reflow in the Performance Insights sidebar. Heap snapshot statistics account for every byte. DevTools theme menu is simplified. And more."
44
author: MSEdgeTeam
55
ms.author: msedgedevrel
66
ms.topic: conceptual
@@ -18,7 +18,7 @@ These are the latest features in the Stable release of Microsoft Edge DevTools.
1818

1919
<!-- Subtitle: View the top function call and its total reflow time in your performance trace. -->
2020

21-
The Performance Insights sidebar now includes a new section called Forced Reflow. This insight highlights the most time-consuming function call, showing its total reflow time and related stack traces. By clicking on this insight, you can see the function call and its stack trace highlighted in the Main frame.
21+
The **Performance Insights** sidebar includes a new section called **Forced Reflow**. This insight highlights the most time-consuming function call, showing its total reflow time and related stack traces. By clicking on this insight, you can see the function call and its stack trace highlighted in the **Main** frame:
2222

2323
![Forced reflow insight in the sidebar](./devtools-134-images/forced-reflow.png)
2424

@@ -28,12 +28,14 @@ The Performance Insights sidebar now includes a new section called Forced Reflow
2828

2929
<!-- Subtitle: View a memory allocation pie chart of your heap snapshot under Statistics-->
3030

31-
When you take a heap snapshot in the Memory tool, the Statistics pie chart doesn't show every byte in the categories, resulting in blank parts of the chart. Two new catch-all categories have been added for the rest of the bytes in the heap snapshot: Other JS objects and Other non-JS objects(such as HTML and CSS).
31+
Previously, when you took a heap snapshot in the **Memory** tool, the **Statistics** pie chart didn't show every byte that's in the categories, resulting in blank parts of the chart:
3232

33-
Before:
3433
![Heap snapshot statistic view before](./devtools-134-images/heap-snapshot-statistics-before.png)
3534

36-
After:
35+
To fix this, two new catch-all categories have been added, to account for the rest of the bytes in the heap snapshot:
36+
* **Other JS objects**
37+
* **Other non-JS objects (such as HTML and CSS)**
38+
3739
![Heap snapshot statistic view after](./devtools-134-images/heap-snapshot-statistics-after.png)
3840

3941

@@ -42,16 +44,34 @@ After:
4244

4345
<!-- Subtitle: Change DevTools theme by clicking Customize and control DevTools > Themes. Choose from Light or Dark. -->
4446

45-
The theme options have been simplified by removing the redundant nesting options. When you go to Customize and control DevTools > Themes, the options have been simplified to System preference, Light, Dark.
47+
The theme options have been simplified by removing the redundant nesting options. When you go to **Customize and control DevTools** > **Themes**, the options have been simplified to **System preference**, **Light**, and **Dark**:
4648

4749
![DevTools theme options](./devtools-134-images/theme-options.png)
4850

4951

5052
<!-- ====================================================================== -->
5153
## Announcements from the Chromium project
54+
<!-- https://developer.chrome.com/blog/new-in-devtools-134 -->
5255

5356
Microsoft Edge 134 also includes the following updates from the Chromium project:
5457

58+
* [Privacy and security panel](https://developer.chrome.com/blog/new-in-devtools-134#privacy-and-security)
59+
* [Performance panel improvements](https://developer.chrome.com/blog/new-in-devtools-134#perf)
60+
* [Calibrated CPU throttling presets](https://developer.chrome.com/blog/new-in-devtools-134#calibrated-cpu-throttling)
61+
* [Select different performance events in the same AI chat](https://developer.chrome.com/blog/new-in-devtools-134#perf-select)
62+
* [First- and third-party highlighting in Performance](https://developer.chrome.com/blog/new-in-devtools-134#perf-third-party)
63+
* [Field data in marker tooltips and insights](https://developer.chrome.com/blog/new-in-devtools-134#field-data)
64+
* ['Forced reflow' insight](https://developer.chrome.com/blog/new-in-devtools-134#forced-reflow)
65+
* ['Optimize DOM size' insight](https://developer.chrome.com/blog/new-in-devtools-134#dom-size)
66+
* [Extend the performance trace with console.timeStamp](https://developer.chrome.com/blog/new-in-devtools-134#console-timestamp)
67+
* [Elements panel improvements](https://developer.chrome.com/blog/new-in-devtools-134#elements)
68+
* [Real-time values of animated styles](https://developer.chrome.com/blog/new-in-devtools-134#real-time-animation)
69+
* [Support for :open pseudo-class and various pseudo-elements](https://developer.chrome.com/blog/new-in-devtools-134#pseudo)
70+
* [Copy all console messages](https://developer.chrome.com/blog/new-in-devtools-134#copy-console)
71+
* [Byte units in the Memory panel](https://developer.chrome.com/blog/new-in-devtools-134#byte-units)
72+
* [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-134#misc)
73+
<!-- todo: maybe remove some links -->
74+
5575

5676
<!-- ====================================================================== -->
5777
## See also

microsoft-edge/toc.yml

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -71,6 +71,10 @@
7171
href: ./devtools-guide-chromium/whats-new/whats-new.md
7272
displayName: release notes, announcements
7373
# latest 10 What's New
74+
- name: Microsoft Edge 134
75+
href: ./devtools-guide-chromium/whats-new/2025/03/devtools-134.md
76+
displayName: What's New in DevTools (Microsoft Edge 134) # page title
77+
7478
- name: Microsoft Edge 133
7579
href: ./devtools-guide-chromium/whats-new/2025/02/devtools-133.md
7680
displayName: What's New in DevTools (Microsoft Edge 133) # page title
@@ -107,16 +111,16 @@
107111
href: ./devtools-guide-chromium/whats-new/2024/05/devtools-125.md
108112
displayName: What's New in DevTools (Microsoft Edge 125) # page title
109113

110-
- name: Microsoft Edge 124
111-
href: ./devtools-guide-chromium/whats-new/2024/04/devtools-124.md
112-
displayName: What's New in DevTools (Microsoft Edge 124) # page title
113-
114114
# keep 10 items above
115115
- name: Archive
116116
items:
117117
- name: What's New in DevTools archive
118118
href: ./devtools-guide-chromium/whats-new/whats-new-archive.md
119119

120+
- name: Microsoft Edge 124
121+
href: ./devtools-guide-chromium/whats-new/2024/04/devtools-124.md
122+
displayName: What's New in DevTools (Microsoft Edge 124) # page title
123+
120124
- name: Microsoft Edge 123
121125
href: ./devtools-guide-chromium/whats-new/2024/03/devtools-123.md
122126
displayName: What's New in DevTools (Microsoft Edge 123) # page title

0 commit comments

Comments
 (0)