What's New in DevTools 126

microsoft-edge/devtools-guide-chromium/whats-new/2024/06/devtools-126.md

@@ -0,0 +1,69 @@
+---
+title: What's New in DevTools (Microsoft Edge 126)
+description: "DevTools displays browser extension icons instead of a blank square. Font for DevTools UI in Chinese has changed back to the accustomed font. And more."
+author: MSEdgeTeam
+ms.author: msedgedevrel
+ms.topic: conceptual
+ms.service: microsoft-edge
+ms.subservice: devtools
+ms.date: 06/13/2024
+---
+# What's New in DevTools (Microsoft Edge 126)
+
+[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]
+
+
+<!-- ====================================================================== -->
+## Icons for browser extensions are displayed instead of blank squares
+
+<!-- Subtitle: The DevTools extensions that you install will display their icons so they're easily identifiable in the Activity Bar.-->
+
+In previous versions of Microsoft Edge, there was a bug where some browser extensions were missing an icon when opened in DevTools.  For example, when the React extension was activated, the icon for the extension in the **Activity Bar** was displayed as a grey box.
+
+<!-- todo: add screenshot if can get one from Stable 124 -->
+
+This has been fixed; icons for browser extensions are correctly displayed in the **Activity Bar**.
+
+![Display React extension icons](./devtools-126-images/react-extension-icon.png)
+
+
+<!-- ====================================================================== -->
+## Font for DevTools UI in Chinese has changed back to the accustomed font
+
+<!-- Subtitle: When using the DevTools UI in Chinese, the font has been updated back to the previous font that users are familiar with . -->
+
+In recent versions of Microsoft Edge, when the DevTools UI language was set to Chinese, a new default font was displayed.  Per user feedback, the default font has been changed back to the familiar font.
+
+
+<!-- ====================================================================== -->
+## Announcements from the Chromium project
+
+Microsoft Edge 126 also includes the following updates from the Chromium project:
+
+* [Performance panel improvements](https://developer.chrome.com/blog/new-in-devtools-126#perf)
+   * [Move and hide tracks with updated track configuration mode](https://developer.chrome.com/blog/new-in-devtools-126#track-config)
+   * [Ignore scripts in the flame chart](https://developer.chrome.com/blog/new-in-devtools-126#perf-ignore)
+   * [Throttle down the CPU by 20 times](https://developer.chrome.com/blog/new-in-devtools-126#throttle-20x)
+* [Performance insights panel will be deprecated](https://developer.chrome.com/blog/new-in-devtools-126#perf-insights)
+* [Paste entire header strings to override them](https://developer.chrome.com/blog/new-in-devtools-126#overrides)
+* [Find excessive memory usage with new filters in heap snapshots](https://developer.chrome.com/blog/new-in-devtools-126#heap-filters)
+* [Inspect storage buckets in Application > Storage](https://developer.chrome.com/blog/new-in-devtools-126#storage-buckets)
+* [Disable self-XSS warnings with a command-line flag](https://developer.chrome.com/blog/new-in-devtools-126#self-xss-flag)
+* [Lighthouse 12.0.0](https://developer.chrome.com/blog/new-in-devtools-126#lighthouse)
+* [Miscellaneous highlights](https://developer.chrome.com/blog/new-in-devtools-126#misc)
+<!-- todo: maybe remove some links -->
+
+
+<!-- ====================================================================== -->
+<!-- uncomment if content is copied from developer.chrome.com to this page -->
+
+<!-- > [!NOTE]
+> 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).
+> The original page for announcements from the Chromium project is [What's New in DevTools (Chrome 126)](https://developer.chrome.com/blog/new-in-devtools-126) and is authored by [Sofia Emelianova](https://developers.google.com/web/resources/contributors) (Senior Technical Writer working on Chrome DevTools at Google). -->
+
+
+<!-- ====================================================================== -->
+<!-- uncomment if content is copied from developer.chrome.com to this page -->
+
+<!-- [![Creative Commons License](../../../../media/cc-logo/88x31.png)](https://creativecommons.org/licenses/by/4.0)
+This work is licensed under a [Creative Commons Attribution 4.0 International License](https://creativecommons.org/licenses/by/4.0). -->

microsoft-edge/toc.yml

@@ -32,6 +32,10 @@
 # What's New pages ------------------------------------------------------------
             # also add new pages to nav page: /whats-new/whats-new.md
             # move eleventh oldest into Archive bucket
+            - name: Microsoft Edge 126
+              href: devtools-guide-chromium/whats-new/2024/06/devtools-126.md
+              displayName: What's New in DevTools (Microsoft Edge 126)  # top-of-page title
+
             - name: Microsoft Edge 125
               href: devtools-guide-chromium/whats-new/2024/05/devtools-125.md
               displayName: What's New in DevTools (Microsoft Edge 125)  # top-of-page title
@@ -68,16 +72,16 @@
               href: devtools-guide-chromium/whats-new/2023/09/devtools-117.md
               displayName: What's New in DevTools (Microsoft Edge 117)  # top-of-page title
 
-            - name: Microsoft Edge 116
-              href: devtools-guide-chromium/whats-new/2023/08/devtools-116.md
-              displayName: What's New in DevTools (Microsoft Edge 116)  # top-of-page title
-
             # keep 10 items above
             - name: Archive
               items:
                 - name: What's New in DevTools archive
                   href: devtools-guide-chromium/whats-new/whats-new-archive.md
 
+                - name: Microsoft Edge 116
+                  href: devtools-guide-chromium/whats-new/2023/08/devtools-116.md
+                  displayName: What's New in DevTools (Microsoft Edge 116)  # top-of-page title
+
                 - name: Microsoft Edge 115
                   href: devtools-guide-chromium/whats-new/2023/07/devtools-115.md
                   displayName: What's New in DevTools (Microsoft Edge 115)  # top-of-page title