diff --git a/microsoft-edge/devtools-guide-chromium/experimental-features/index.md b/microsoft-edge/devtools-guide-chromium/experimental-features/index.md index 4917496877..f492c86083 100644 --- a/microsoft-edge/devtools-guide-chromium/experimental-features/index.md +++ b/microsoft-edge/devtools-guide-chromium/experimental-features/index.md @@ -48,16 +48,16 @@ The following experimental features are turned on by default. You can use these -**Turned on by default in Microsoft Edge Canary 129:** -* [Enable background page selector (for prerendering)](#enable-background-page-selector-for-prerendering) +**Turned on by default in Microsoft Edge Canary 131:** +* [Redesign of the filter bar in the Network panel](#redesign-of-the-filter-bar-in-the-network-panel) * [Autofill panel](#autofill-panel) +* [Performance panel: enable live metrics landing page](#performance-panel-enable-live-metrics-landing-page) * [Enable webhint](#enable-webhint) * [Show issues in Elements](#show-issues-in-elements) * [Open source files in Visual Studio Code](#open-source-files-in-visual-studio-code) -* [Enable speculative loads panel in Application panel](#enable-speculative-loads-panel-in-application-panel) -**Turned on by default in Microsoft Edge Stable 128:** +**Turned on by default in Microsoft Edge Stable 129:** * [Enable background page selector (for prerendering)](#enable-background-page-selector-for-prerendering) * [Autofill panel](#autofill-panel) * [Enable webhint](#enable-webhint) @@ -146,8 +146,8 @@ See also: * [Apply a color theme to DevTools](../customize/theme.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -169,8 +169,8 @@ See also: * [Get started viewing and changing the DOM](../dom/index.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -201,8 +201,8 @@ See also: --> Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -219,8 +219,8 @@ See also: * [Record heap snapshots using the Memory tool](../memory-problems/heap-snapshots.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -237,8 +237,8 @@ See also: * [Sources tool overview](../sources/index.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -259,8 +259,8 @@ See also: * [Test text-color contrast using the Color Picker](../accessibility/color-picker.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -286,8 +286,8 @@ See also: * [Full accessibility tree view in the Elements tool](../whats-new/2021/02/devtools.md#full-accessibility-tree-view-in-the-elements-tool) in _What's New in DevTools (Microsoft Edge 90)_. Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -317,8 +317,8 @@ See also: * [Edit CSS font styles and settings in the Styles pane](../inspect-styles/edit-fonts.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -332,8 +332,8 @@ See also: * [Find and fix problems using the Issues tool](../issues/index.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -347,13 +347,19 @@ See also: * [View, edit, and delete cookies](../storage/cookies.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. - + +## Deprecate CSS \ authoring tool in the Styles tab + + +Not applicable for Microsoft Edge. Selecting or clearing this checkbox has no effect. + +Status: +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -369,8 +375,8 @@ See also: * [Edit CSS font styles and settings in the Styles pane](../inspect-styles/edit-fonts.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -386,8 +392,8 @@ See also: * [Inspect, edit, and debug HTML and CSS with the Elements tool](../elements-tool/elements-tool.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -407,8 +413,8 @@ See also: * [Using the Page tab to explore resources that construct the current webpage](../sources/index.md#using-the-page-tab-to-explore-resources-that-construct-the-current-webpage) in _Sources tool overview_. Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -425,8 +431,8 @@ See also: * [Improved Ignore list setting](https://developer.chrome.com/blog/new-in-devtools-108/#ignore-list) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -476,8 +482,8 @@ See also: Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is not present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -496,8 +502,8 @@ See also: * [chrome.runtime](https://developer.chrome.com/docs/extensions/reference/api/runtime) - retrieves the background page. Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is not present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -523,8 +529,8 @@ See also: * [Filter requests](../network/reference.md#filter-requests) in _Network features reference_. Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -543,7 +549,7 @@ See also: * [Autofill](../../webview2/concepts/overview-features-apis.md?tabs=dotnetcsharp#autofill) in _Overview of WebView2 features and APIs_. Status: -* This checkbox is present in Microsoft Edge Canary 129. +* This checkbox is present in Microsoft Edge Canary 131. * This checkbox is present in Microsoft Edge Stable 123, as **Enable Autofill view**. @@ -576,8 +582,8 @@ See also: * [postMessage events and handlers are distinguished from other events](../whats-new/2024/04/devtools-124.md#postmessage-events-and-handlers-are-distinguished-from-other-events) in _What's New in DevTools (Microsoft Edge 124)_. Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -595,15 +601,25 @@ See also: * [Introduction to the Performance tool](../evaluate-performance/index.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. -#### Enable new Performance panel landing page which includes live metrics and field data +#### Performance panel: enable server timings in the timeline -This is the older label for the checkbox. See the above section. +_new as of Microsoft Edge Stable 129_ + +Shows a **Server Timings** track in the **Main** section of the **Performance** tool, to display server timing events sent by your HTTP server. To learn more, see [Server timing](https://developer.mozilla.org/docs/Web/API/Performance_API/Server_timing) at MDN Web Docs. + + +See also: +* [Introduction to the Performance tool](../evaluate-performance/index.md) + +Status: +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -619,8 +635,8 @@ See also: * [Console overview](../console/index.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -646,8 +662,8 @@ See also: * [Find and fix problems using the Issues tool](../issues/index.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -662,8 +678,8 @@ See also: * [Wavy underlines highlight code issues and improvements in Elements tool](../whats-new/2021/04/devtools.md#wavy-underlines-highlight-code-issues-and-improvements-in-elements-tool) in _What's New in DevTools (Microsoft Edge 91)_. Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -684,8 +700,8 @@ See also: * [Opening source files in Visual Studio Code](../sources/opening-sources-in-vscode.md) - setting up your workspace. Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -721,8 +737,8 @@ See also: * [Throttle the CPU while recording](../evaluate-performance/reference.md#throttle-the-cpu-while-recording) in _Performance features reference_. Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -741,8 +757,8 @@ See also: * [Inspect, edit, and debug HTML and CSS with the Elements tool](../elements-tool/elements-tool.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -761,8 +777,8 @@ See also: * [Record heap snapshots using the Memory tool](../memory-problems/heap-snapshots.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -776,8 +792,8 @@ See also: * [Record heap snapshots using the Memory tool](../memory-problems/heap-snapshots.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -795,8 +811,8 @@ See also: * [Introduction to the Performance tool](../evaluate-performance/index.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -812,8 +828,8 @@ See also: * [Introduction to the Performance tool](../evaluate-performance/index.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -829,8 +845,8 @@ See also: * [Introduction to the Performance tool](../evaluate-performance/index.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -842,8 +858,8 @@ _new as of Microsoft Edge 128_ This experiment makes the **Performance** tool capture newly added traces, to support enhanced traces v2. This feature is being implemented in the upstream Chromium project. This experiment doesn't affect the capabilities of Microsoft Edge to capture enhanced traces and doesn't impact DevTools user's experience. Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. See also: * [Share enhanced performance and memory traces](../experimental-features/share-traces.md) @@ -862,8 +878,8 @@ In the **Performance** tool, when exporting the trace file, stores the source co This experiment makes the **Performance** tool record script source text in traces. This feature is being implemented in the upstream Chromium project. Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. See also: * [Share enhanced performance and memory traces](../experimental-features/share-traces.md) @@ -880,8 +896,8 @@ _new as of Microsoft Edge 128_ Adds a **Trace Event** section to the **Summary** tab of the **Performance** tool. The **Trace Event** section is displayed when you select an event in a recorded performance trace. The **Trace Event** section displays debugging information about the selected trace event, such as its name and duration. Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. See also: * [Share enhanced performance and memory traces](../experimental-features/share-traces.md) @@ -900,8 +916,8 @@ See also: * [The first time source files are loaded, breakpoints might not trigger](https://bugs.chromium.org/p/chromium/issues/detail?id=1133307&q=%22instrumentation%20breakpoints%22&can=2) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -918,8 +934,8 @@ See also: * [Mapping minified code to your source code to show readable code](../sources/index.md#mapping-minified-code-to-your-source-code-to-show-readable-code) in _Sources tool overview_. Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -950,8 +966,8 @@ See also: * [Application tool, to manage storage](../storage/application-tool.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is not present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. @@ -966,33 +982,37 @@ See also: * [Introduction to the Performance tool](../evaluate-performance/index.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. -## Performance panel: enable sidebar - - -_new as of Microsoft Edge 128_ +## Performance panel: enable performance insights -Enables the sidebar in the **Performance** tool. - +_new as of Microsoft Edge Stable 129_ - +In the **Performance** tool, adds the **Insights** sidebar tab, when viewing a recorded performance profile. The **Insights** sidebar tab provides useful information about the profile, such as the various **Largest Contentful Paint** phases and the list of **Render blocking requests**. + - +See also: +* [Introduction to the Performance tool](../evaluate-performance/index.md) Status: -* This checkbox is present in Microsoft Edge Canary 129. -* This checkbox is present in Microsoft Edge Stable 128. +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is present in Microsoft Edge Stable 129. - -#### Enable the experimental, WIP sidebar for the Performance Panel. - - + +## Performance panel: enable new summary details view for layout shift events + +_new as of Microsoft Edge Canary 131_ + +Shows a **Layout shifts** track in the **Main** section of the **Performance** tool, when viewing a recorded profile. The **Layout shifts** track displays information about when layout shifts occur and about which elements are shifted. Unexpected layout shifts can negatively impact the user experience on a webpage. + -This is an older label for the checkbox. See the above section. +See also: +* [Introduction to the Performance tool](../evaluate-performance/index.md) -Experimental work in progress (WIP). +Status: +* This checkbox is present in Microsoft Edge Canary 131. +* This checkbox is not present in Microsoft Edge Stable 129. diff --git a/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/buggy-security-tool.png b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/buggy-security-tool.png new file mode 100644 index 0000000000..f83254fe0a Binary files /dev/null and b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/buggy-security-tool.png differ diff --git a/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/context-menu-for-dom-text-node.png b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/context-menu-for-dom-text-node.png new file mode 100644 index 0000000000..94823d581f Binary files /dev/null and b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/context-menu-for-dom-text-node.png differ diff --git a/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/fixed-security-tool.png b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/fixed-security-tool.png new file mode 100644 index 0000000000..ef5672f9d6 Binary files /dev/null and b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/fixed-security-tool.png differ diff --git a/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/new-breakpoints.png b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/new-breakpoints.png new file mode 100644 index 0000000000..edfa666431 Binary files /dev/null and b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/new-breakpoints.png differ diff --git a/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/new-dialog.png b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/new-dialog.png new file mode 100644 index 0000000000..edd4458aa3 Binary files /dev/null and b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/new-dialog.png differ diff --git a/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/old-breakpoints.png b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/old-breakpoints.png new file mode 100644 index 0000000000..4cc8fea82f Binary files /dev/null and b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/old-breakpoints.png differ diff --git a/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/old-dialog.png b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/old-dialog.png new file mode 100644 index 0000000000..5df38140dc Binary files /dev/null and b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/old-dialog.png differ diff --git a/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/selector-stats-copy.png b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/selector-stats-copy.png new file mode 100644 index 0000000000..ecb22b3177 Binary files /dev/null and b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/selector-stats-copy.png differ diff --git a/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/show-element-button.png b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/show-element-button.png new file mode 100644 index 0000000000..1620428b8c Binary files /dev/null and b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/show-element-button.png differ diff --git a/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/show-element-icon.png b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/show-element-icon.png new file mode 100644 index 0000000000..fdb50be058 Binary files /dev/null and b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129-images/show-element-icon.png differ diff --git a/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129.md b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129.md new file mode 100644 index 0000000000..bf7d916c38 --- /dev/null +++ b/microsoft-edge/devtools-guide-chromium/whats-new/2024/09/devtools-129.md @@ -0,0 +1,150 @@ +--- +title: What's New in DevTools (Microsoft Edge 129) +description: "Unique breakpoint icons. Fixed CSS selector stats Copy table. Added Activity Bar icons. Fixed Security tool icons and device emulation. And more." +author: MSEdgeTeam +ms.author: msedgedevrel +ms.topic: conceptual +ms.service: microsoft-edge +ms.subservice: devtools +ms.date: 09/20/2024 +--- +# What's New in DevTools (Microsoft Edge 129) + +[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)] + + + +## Improvements for breakpoints + + + +The **Sources** tool has the following improvements related to setting breakpoints for debugging. + + + +#### Unique icons for logpoint and conditional breakpoints + +Logpoint and conditional breakpoints now have unique colors and icons to help you differentiate them from regular breakpoints in the line number column. Previously, all types of breakpoints looked the same, with only the differentiating icon inline with the code. + +Before: + +![Old breakpoint icons](./devtools-129-images/old-breakpoints.png) + +After: + +![New breakpoint icons](./devtools-129-images/new-breakpoints.png) + + + +#### Alignment in UI for setting a conditional breakpoint + +The UI that's displayed for setting a conditional breakpoint has been fixed to prevent the width of the textbox from growing and causing alignment issues. + +Before: + +![Old conditional breakpoint dialog](./devtools-129-images/old-dialog.png) + +After: + +![New conditional breakpoint dialog](./devtools-129-images/new-dialog.png) + + + +## Bug fixes in the Elements tool + + + + + +#### Screen readers announce the "Show element in the Elements panel" button + +In the **Layout** tab, screen readers now announce the **Show element in the Elements panel** (![The "Show element in the Elements panel" icon](./devtools-129-images/show-element-icon.png)) button that's next to each element name: + +![The "Show element in the Elements panel" button](./devtools-129-images/show-element-button.png) + + + +#### Context menu opens when right-click a selected text node in the DOM tree + +Previously, the context menu didn't open after double-clicking a text node in the DOM tree to select the text node, and then right-clicking the text node. This issue has been fixed; the context menu opens: + +![Right-click menu for a selected text node in the DOM tree](./devtools-129-images/context-menu-for-dom-text-node.png) + + + +## CSS selector stats "Copy table" has same order of columns and values + + + +In the **Selector stats** tab of the **Performance** tool, the **Copy table** menuitem command has been fixed to correctly copy the data in the order that the columns and values appear. + +![Selector stats "Copy table" command](./devtools-129-images/selector-stats-copy.png) + + + +## Icons in the Activity Bar are restored + + + +In recent releases, in the **Activity Bar** tabs, the icons were missing for the following tools: +* **Changes** +* **Network conditions** +* **Network request blocking** +* **Performance monitor** +* **Quick source** +* **Search** + +The icons have been restored in these **Activity Bar** tabs. + + + +## Fixed buttons and icons in the Security tool + + + +Previously, buttons and icons in the **Security** tool had a square overlay and were not readable: + +![Security tool bug](./devtools-129-images/buggy-security-tool.png) + +Now, buttons and icons in the **Security** tool are clearly visible: + +![Security tool fix](./devtools-129-images/fixed-security-tool.png) + + + +## Device emulation mode is fixed + + + +Device emulation mode had a bug where if it was turned on and then DevTools was closed, DevTools wouldn't reopen the next time you tried to open it. This has been fixed; device emulation mode is working correctly. + + + +## Announcements from the Chromium project + +Microsoft Edge 129 also includes the following updates from the Chromium project: + +* [Recorder supports export to Puppeteer for Firefox](https://developer.chrome.com/blog/new-in-devtools-129#puppeteer-export) +* [Performance panel improvements](https://developer.chrome.com/blog/new-in-devtools-129#perf) + * [Live metrics observations](https://developer.chrome.com/blog/new-in-devtools-129#observations) + * [Search requests in the Network track](https://developer.chrome.com/blog/new-in-devtools-129#perf-network-search) + * [See stack traces of performance.mark and performance.measure calls](https://developer.chrome.com/blog/new-in-devtools-129#extension-stack-traces) +* [Elements panel improvements](https://developer.chrome.com/blog/new-in-devtools-129#elements) + * [Force more states for specific elements](https://developer.chrome.com/blog/new-in-devtools-129#specific-element-states) + * [Elements > Styles now autocompletes more grid properties](https://developer.chrome.com/blog/new-in-devtools-129#grid-autocomplete) + + + + + + + + + + + + + diff --git a/microsoft-edge/toc.yml b/microsoft-edge/toc.yml index 4eb00be9d1..a43765904f 100644 --- a/microsoft-edge/toc.yml +++ b/microsoft-edge/toc.yml @@ -31,6 +31,10 @@ # What's New pages ------------------------------------------------------------ # move eleventh oldest into Archive bucket + - name: Microsoft Edge 129 + href: devtools-guide-chromium/whats-new/2024/09/devtools-129.md + displayName: What's New in DevTools (Microsoft Edge 129) # top-of-page title + - name: Microsoft Edge 128 href: devtools-guide-chromium/whats-new/2024/08/devtools-128.md displayName: What's New in DevTools (Microsoft Edge 128) # top-of-page title @@ -67,16 +71,16 @@ href: devtools-guide-chromium/whats-new/2023/12/devtools-120.md displayName: What's New in DevTools (Microsoft Edge 120) # top-of-page title - - name: Microsoft Edge 119 - href: devtools-guide-chromium/whats-new/2023/11/devtools-119.md - displayName: What's New in DevTools (Microsoft Edge 119) # 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 119 + href: devtools-guide-chromium/whats-new/2023/11/devtools-119.md + displayName: What's New in DevTools (Microsoft Edge 119) # top-of-page title + - name: Microsoft Edge 118 href: devtools-guide-chromium/whats-new/2023/10/devtools-118.md displayName: What's New in DevTools (Microsoft Edge 118) # top-of-page title