Skip to content

Commit 90ec62c

Browse files
committed
add toc, writer pass, chrome links
1 parent 443b923 commit 90ec62c

2 files changed

Lines changed: 35 additions & 10 deletions

File tree

microsoft-edge/devtools-guide-chromium/whats-new/2024/11/devtools-131.md

Lines changed: 27 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 131)
3-
description: "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."
3+
description: "Can disable Edge experiment settings. View CSS selector stats information in Insights tab of sidebar panel in Performance tool. Fixed edit field to exit after pressing tab after auto-completion. Removed Visual Studio Code themes. And more."
44
author: MSEdgeTeam
55
ms.author: msedgedevrel
66
ms.topic: conceptual
@@ -18,23 +18,28 @@ ms.date: 11/14/2024
1818

1919
<!-- Subtitle: The Visual Studio Code themes are removed and themes will revert to the default themes: Light+ or Dark+.-->
2020

21-
The Visual Studio Code themes feature is now deprecated. These themes will revert to the "System preference" theme by default. The Light+ and Dark+ themes will continue to be supported.
21+
The Visual Studio Code themes feature is now deprecated. These themes will revert to the **System preference** theme by default. The **Light+** and **Dark+** themes continue to be supported.
2222

2323

2424
<!-- ====================================================================== -->
2525
## Edge experiment settings can be disabled
2626

2727
<!-- Go to Settings > Experiments to enable or disable any experiments you choose. -->
2828

29-
Previously, the "Enable webhint", "Show issues in Elements", and "Open source files in Visual Studio Code" experiments that were enabled by default could not be disabled, even after unchecking them on the **Settings > Experiments** page and reloading DevTools. This is now fixed and you can disable these experiments.
29+
Previously, the following experiments that were enabled by default couldn't be disabled, even after clearing their checkboxes in the **Settings > Experiments** page and reloading DevTools:
30+
* **Enable webhint**
31+
* **Show issues in Elements**
32+
* **Open source files in Visual Studio Code**
33+
34+
This is now fixed, and you can disable these experiments.
3035

3136

3237
<!-- ====================================================================== -->
3338
## View CSS selector stats information in the Insights tab of the sidebar panel in the Performance tool
3439

3540
<!-- When the "Enable CSS selector stats (slow)" setting is turned on, view selector stats information in the left sidebar of the Performance tool.-->
3641

37-
The left sidebar in the **Performance** tool includes information about CSS selector costs in the Insights tab. To view this, select the "Enable CSS selector stats (slow)" setting and take a performance recording, then open the sidebar and expand the CSS Selector costs section.
42+
The left sidebar in the **Performance** tool includes information about CSS selector costs in the **Insights** tab. To view this, select the **Enable CSS selector stats (slow)** checkbox, take a performance recording, open the sidebar, and then expand the **CSS selector costs** section:
3843

3944
![CSS selector costs info](./devtools-131-images/selector-stats-info.png)
4045

@@ -44,21 +49,37 @@ The left sidebar in the **Performance** tool includes information about CSS sele
4449

4550
<!-- Press Tab after choosing an autocomplete option to exit the field.-->
4651

47-
Pressing Tab after auto-completion now exits the edit field and focuses on the next focus point. Before, pressing tab would just indent the text.
52+
Pressing **Tab** after auto-completion now exits the edit field and focuses on the next focus point. Before, pressing **Tab** would just indent the text.
4853

4954

5055
<!-- ====================================================================== -->
5156
## Announcements from the Chromium project
5257

5358
Microsoft Edge 131 also includes the following updates from the Chromium project:
5459

60+
* [Debug CSS with Gemini](~)
61+
* [Control AI features in a dedicated settings tab](~)
62+
* [Console insights are one click away](~)
63+
* [Performance panel improvements](~)
64+
* [Annotate and share performance findings](~)
65+
* [Get performance insights right in the Performance panel](~)
66+
* [Spot excessive layout shifts easier](~)
67+
* [Spot the non-composited animations](~)
68+
* [Hardware concurrency moves to Sensors](~)
69+
* [Ignore anonymous scripts and focus on your code in stack traces](~)
70+
* [Elements > Styles: Support for sideways-* writing modes for grid overlays and CSS-wide keywords](~)
71+
* [Lighthouse audits for non-HTTP pages in timespan and snapshot modes](~)
72+
* [Accessibility](~)
73+
* [Miscellaneous highlights](~)
74+
<!-- todo: maybe remove some links -->
75+
5576

5677
<!-- ====================================================================== -->
5778
<!-- uncomment if content is copied from developer.chrome.com to this page -->
5879

5980
<!-- > [!NOTE]
6081
> 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).
61-
> The original page for announcements from the Chromium project is [What's New in DevTools (Chrome 130)](https://developer.chrome.com/blog/new-in-devtools-130) and is authored by Sofia Emelianova. -->
82+
> The original page for announcements from the Chromium project is [What's New in DevTools (Chrome 131)](https://developer.chrome.com/blog/new-in-devtools-131) and is authored by Sofia Emelianova. -->
6283

6384

6485
<!-- ====================================================================== -->

microsoft-edge/toc.yml

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,10 @@
3131

3232
# What's New pages ------------------------------------------------------------
3333
# move eleventh oldest into Archive bucket
34+
- name: Microsoft Edge 131
35+
href: devtools-guide-chromium/whats-new/2024/11/devtools-131.md
36+
displayName: What's New in DevTools (Microsoft Edge 131) # top-of-page title
37+
3438
- name: Microsoft Edge 130
3539
href: devtools-guide-chromium/whats-new/2024/10/devtools-130.md
3640
displayName: What's New in DevTools (Microsoft Edge 130) # top-of-page title
@@ -67,16 +71,16 @@
6771
href: devtools-guide-chromium/whats-new/2024/02/devtools-122.md
6872
displayName: What's New in DevTools (Microsoft Edge 122) # top-of-page title
6973

70-
- name: Microsoft Edge 121
71-
href: devtools-guide-chromium/whats-new/2024/01/devtools-121.md
72-
displayName: What's New in DevTools (Microsoft Edge 121) # top-of-page title
73-
7474
# keep 10 items above
7575
- name: Archive
7676
items:
7777
- name: What's New in DevTools archive
7878
href: devtools-guide-chromium/whats-new/whats-new-archive.md
7979

80+
- name: Microsoft Edge 121
81+
href: devtools-guide-chromium/whats-new/2024/01/devtools-121.md
82+
displayName: What's New in DevTools (Microsoft Edge 121) # top-of-page title
83+
8084
- name: Microsoft Edge 120
8185
href: devtools-guide-chromium/whats-new/2023/12/devtools-120.md
8286
displayName: What's New in DevTools (Microsoft Edge 120) # top-of-page title

0 commit comments

Comments
 (0)