Skip to content

Commit 6649831

Browse files
mikehoffmsleahmsft
andauthored
What's new in DevTools (Microsoft Edge 143) (#3662)
* template * Update 143.md * date * date to update * link text fix * flatten dirs * dir link update * added additional entries and trimmed links * writer/editor pass * steps * tighten * link * short filename * short heading, linkfix * demote Horizontally --------- Co-authored-by: leahmsft <[email protected]>
1 parent 6db92dd commit 6649831

File tree

99 files changed

+386
-294
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

99 files changed

+386
-294
lines changed

microsoft-edge/dev-videos/index.md

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -42,17 +42,17 @@ Covers:
4242
*
4343
4444
See also:
45-
* [What's New in DevTools (Microsoft Edge 125)](../devtools/whats-new/2024/05/devtools-125.md)
46-
* [What's New in DevTools (Microsoft Edge 124)](../devtools/whats-new/2024/04/devtools-124.md)
47-
* [What's New in DevTools (Microsoft Edge 123)](../devtools/whats-new/2024/03/devtools-123.md)
48-
* [What's New in DevTools (Microsoft Edge 122)](../devtools/whats-new/2024/02/devtools-122.md)
49-
* [What's New in DevTools (Microsoft Edge 121)](../devtools/whats-new/2024/01/devtools-121.md)
50-
* [What's New in DevTools (Microsoft Edge 120)](../devtools/whats-new/2023/12/devtools-120.md)
51-
* [What's New in DevTools (Microsoft Edge 119)](../devtools/whats-new/2023/11/devtools-119.md)
52-
* [What's New in DevTools (Microsoft Edge 118)](../devtools/whats-new/2023/10/devtools-118.md)
53-
* [What's New in DevTools (Microsoft Edge 117)](../devtools/whats-new/2023/09/devtools-117.md)
54-
* [What's New in DevTools (Microsoft Edge 116)](../devtools/whats-new/2023/08/devtools-116.md)
55-
* [What's New in DevTools (Microsoft Edge 115)](../devtools/whats-new/2023/07/devtools-115.md)
45+
* [What's new in DevTools (Microsoft Edge 125)](../devtools/whats-new/2024/05/devtools-125.md)
46+
* [What's new in DevTools (Microsoft Edge 124)](../devtools/whats-new/2024/04/devtools-124.md)
47+
* [What's new in DevTools (Microsoft Edge 123)](../devtools/whats-new/2024/03/devtools-123.md)
48+
* [What's new in DevTools (Microsoft Edge 122)](../devtools/whats-new/2024/02/devtools-122.md)
49+
* [What's new in DevTools (Microsoft Edge 121)](../devtools/whats-new/2024/01/devtools-121.md)
50+
* [What's new in DevTools (Microsoft Edge 120)](../devtools/whats-new/2023/12/devtools-120.md)
51+
* [What's new in DevTools (Microsoft Edge 119)](../devtools/whats-new/2023/11/devtools-119.md)
52+
* [What's new in DevTools (Microsoft Edge 118)](../devtools/whats-new/2023/10/devtools-118.md)
53+
* [What's new in DevTools (Microsoft Edge 117)](../devtools/whats-new/2023/09/devtools-117.md)
54+
* [What's new in DevTools (Microsoft Edge 116)](../devtools/whats-new/2023/08/devtools-116.md)
55+
* [What's new in DevTools (Microsoft Edge 115)](../devtools/whats-new/2023/07/devtools-115.md)
5656
-->
5757

5858

@@ -99,8 +99,8 @@ Covers:
9999
* `console.table()`.
100100

101101
See also:
102-
* [What's New in DevTools (Microsoft Edge 114)](../devtools/whats-new/2023/06/devtools-114.md)<!-- has Video section -->
103-
* [What's New in DevTools (Microsoft Edge 113)](../devtools/whats-new/2023/05/devtools-113.md)<!-- has Video section -->
102+
* [What's new in DevTools (Microsoft Edge 114)](../devtools/whats-new/2023/06/devtools-114.md)<!-- has Video section -->
103+
* [What's new in DevTools (Microsoft Edge 113)](../devtools/whats-new/2023/05/devtools-113.md)<!-- has Video section -->
104104

105105

106106
<!-- ====================================================================== -->
@@ -119,7 +119,7 @@ Covers:
119119
* How to change themes in DevTools.
120120

121121
See also:
122-
* [What's New in DevTools (Microsoft Edge 112)](../devtools/whats-new/2023/04/devtools-112.md)<!-- has Video section -->
122+
* [What's new in DevTools (Microsoft Edge 112)](../devtools/whats-new/2023/04/devtools-112.md)<!-- has Video section -->
123123
* [Analyze CSS selector performance during Recalculate Style events](../devtools/performance/selector-stats.md) - CSS selector stats.
124124
* [View a JSON file or server response with formatting](../web-platform/json-viewer.md)
125125

@@ -142,7 +142,7 @@ Covers:
142142
* Customize the **Network** tool's columns.
143143

144144
See also:
145-
* [What's New in DevTools (Microsoft Edge 111)](../devtools/whats-new/2023/03/devtools-111.md)<!-- has Video section -->
145+
* [What's new in DevTools (Microsoft Edge 111)](../devtools/whats-new/2023/03/devtools-111.md)<!-- has Video section -->
146146
* [Securely debug original code by publishing source maps to the Azure Artifacts symbol server](../devtools/javascript/publish-source-maps-to-azure.md)
147147

148148

@@ -161,7 +161,7 @@ Covers:
161161
* Simulate `prefers-color-scheme`.
162162

163163
See also:
164-
* [What's New in DevTools (Microsoft Edge 110)](../devtools/whats-new/2023/02/devtools-110.md)<!-- has Video section -->
164+
* [What's new in DevTools (Microsoft Edge 110)](../devtools/whats-new/2023/02/devtools-110.md)<!-- has Video section -->
165165
* [Overview of DevTools](../devtools/overview.md)
166166

167167

@@ -182,7 +182,7 @@ Covers:
182182
* Inspecting elements.
183183

184184
See also:
185-
* [What's New in DevTools (Microsoft Edge 109)](../devtools/whats-new/2023/01/devtools-109.md)<!-- has Video section -->
185+
* [What's new in DevTools (Microsoft Edge 109)](../devtools/whats-new/2023/01/devtools-109.md)<!-- has Video section -->
186186
* [Share a memory trace with more data](../devtools/experimental-features/share-memory-traces.md)
187187
* [Share a performance trace with more data](../devtools/performance/share-performance-traces.md)
188188
* [Analyze CSS selector performance during Recalculate Style events](../devtools/performance/selector-stats.md) - selector stats.
@@ -208,7 +208,7 @@ Covers:
208208
* Use Detached Elements to find DOM leaks.
209209

210210
See also:
211-
* [What's New in DevTools (Microsoft Edge 108)](../devtools/whats-new/2022/12/devtools-108.md)<!-- has Video section -->
211+
* [What's new in DevTools (Microsoft Edge 108)](../devtools/whats-new/2022/12/devtools-108.md)<!-- has Video section -->
212212
* [Create a DevTools extension, adding a custom tool tab and panel](../extensions/developer-guide/devtools-extension.md)
213213
* [The heap snapshot file format](../devtools/memory-problems/heap-snapshot-schema.md)
214214
* [Microsoft Edge WebDriver](https://developer.microsoft.com/microsoft-edge/tools/webdriver/?form=MA13LH) - download Edge WebDriver.
@@ -233,7 +233,7 @@ Covers:
233233
* Customize shortcuts.
234234

235235
See also:
236-
* [What's New in DevTools (Microsoft Edge 107)](../devtools/whats-new/2022/10/devtools-107.md)<!-- has Video section -->
236+
* [What's new in DevTools (Microsoft Edge 107)](../devtools/whats-new/2022/10/devtools-107.md)<!-- has Video section -->
237237

238238

239239
<!-- ====================================================================== -->
@@ -279,7 +279,7 @@ Covers:
279279
* Using Snippets.
280280

281281
See also:
282-
* [What's New in DevTools (Microsoft Edge 106)](../devtools/whats-new/2022/09/devtools-106.md)<!-- has Video section -->
282+
* [What's new in DevTools (Microsoft Edge 106)](../devtools/whats-new/2022/09/devtools-106.md)<!-- has Video section -->
283283

284284

285285
<!-- ====================================================================== -->
@@ -729,7 +729,7 @@ Covers:
729729
* The Visual Studio Code debugger integrates with the DevTools Extension for VS Code.
730730

731731
See also:
732-
* [What's New in DevTools (Microsoft Edge 93)](../devtools/whats-new/2021/07/devtools.md)<!-- has Video section -->
732+
* [What's new in DevTools (Microsoft Edge 93)](../devtools/whats-new/2021/07/devtools.md)<!-- has Video section -->
733733

734734

735735
<!-- ====================================================================== -->

microsoft-edge/devtools/crash-analyzer/index.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -258,6 +258,6 @@ External links:
258258
<!--
259259
not used in .md above:
260260
What's New entries:
261-
* [Crash analyzer tool is available by default](../whats-new/2024/03/devtools-123.md#crash-analyzer-tool-is-available-by-default) in _What's New in DevTools (Microsoft Edge 123)_.
262-
* [Debug JavaScript error stack traces by using the Crash Analyzer tool](../whats-new/2023/05/devtools-113.md#debug-javascript-error-stack-traces-by-using-the-crash-analyzer-tool) in _What's New in DevTools (Microsoft Edge 113)_.
261+
* [Crash analyzer tool is available by default](../whats-new/2024/03/devtools-123.md#crash-analyzer-tool-is-available-by-default) in _What's new in DevTools (Microsoft Edge 123)_.
262+
* [Debug JavaScript error stack traces by using the Crash Analyzer tool](../whats-new/2023/05/devtools-113.md#debug-javascript-error-stack-traces-by-using-the-crash-analyzer-tool) in _What's new in DevTools (Microsoft Edge 113)_.
263263
-->

microsoft-edge/devtools/css/css-in-js.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ To learn more about viewing and changing CSS, see [CSS features reference](refer
4848

4949
<!-- ====================================================================== -->
5050
## Editing style rules that were initially defined by a CSSOM function
51-
<!-- from [Style editing for CSS-in-JS frameworks](../whats-new/2020/06/devtools.md#style-editing-for-css-in-js-frameworks) in _What's New in DevTools (Microsoft Edge 85)_. -->
51+
<!-- from [Style editing for CSS-in-JS frameworks](../whats-new/2020/06/devtools.md#style-editing-for-css-in-js-frameworks) in _What's new in DevTools (Microsoft Edge 85)_. -->
5252

5353
The **Styles** pane supports editing styles that were created with the [CSS Object Model (CSSOM)](https://developer.mozilla.org/docs/Web/API/CSS_Object_Model) APIs. Many CSS-in-JS frameworks and libraries use the CSS Object Model APIs under the hood to construct styles.
5454

microsoft-edge/devtools/experimental-features/index.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -174,7 +174,7 @@ Status:
174174
<!-- ====================================================================== -->
175175
## Show option to expose internals in heap snapshots
176176
<!-- checkbox has no "(?)" link pointing to this anchor wording
177-
[Heap snapshot improvements](../whats-new/2024/08/devtools-128.md#heap-snapshot-improvements) in _What's New in DevTools (Microsoft Edge 128)_ links to here -->
177+
[Heap snapshot improvements](../whats-new/2024/08/devtools-128.md#heap-snapshot-improvements) in _What's new in DevTools (Microsoft Edge 128)_ links to here -->
178178

179179
_new as of Microsoft Edge 105_
180180

@@ -202,7 +202,7 @@ APCA is a new way to compute contrast. It is based on modern research on color
202202
* Spatial properties of context that include ambient light, surroundings, and intended purpose.
203203

204204
See also:
205-
* [New color contrast calculation - Advanced Perceptual Contrast Algorithm (APCA)](../whats-new/2021/01/devtools.md#new-color-contrast-calculation---advanced-perceptual-contrast-algorithm-apca) in _What's New in DevTools (Microsoft Edge 89)_.
205+
* [New color contrast calculation - Advanced Perceptual Contrast Algorithm (APCA)](../whats-new/2021/01/devtools.md#new-color-contrast-calculation---advanced-perceptual-contrast-algorithm-apca) in _What's new in DevTools (Microsoft Edge 89)_.
206206
* [Change colors with the Color Picker](../css/reference.md#change-colors-with-the-color-picker) in _CSS features reference_.
207207
* [Test text-color contrast using the Color Picker](../accessibility/color-picker.md)
208208

@@ -231,7 +231,7 @@ The Accessibility Tree view in the **Elements** tool:
231231

232232
See also:
233233
* [Test accessibility using the Accessibility tab](../accessibility/accessibility-tab.md)
234-
* [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)_.
234+
* [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)_.
235235

236236
Status:
237237
* This checkbox is present in Microsoft Edge Canary 144.
@@ -359,7 +359,7 @@ See also:
359359
* [Performance recording event reference](../performance/performance-reference.md)
360360
* [postMessage Trace Events demo (rendered)](https://microsoftedge.github.io/Demos/devtools-postmessage-perf-timeline/)
361361
* [postMessage Trace Events demo (source code)](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-postmessage-perf-timeline)
362-
* [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)_.
362+
* [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)_.
363363

364364
Status:
365365
* This checkbox is present in Microsoft Edge Canary 144.
@@ -419,7 +419,7 @@ pointing to this anchor wording -->
419419
Displays syntax errors as wavy underlines under DOM nodes in the **Elements** tool.
420420

421421
See also:
422-
* [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)_.
422+
* [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)_.
423423

424424
Status:
425425
* This checkbox is present in Microsoft Edge Canary 144.

microsoft-edge/devtools/javascript/consume-source-maps-from-azure.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -208,4 +208,4 @@ To learn more about the **Source Maps Monitor** tool and how it can help monitor
208208
* [Securely debug original code by publishing source maps to the Azure Artifacts symbol server](publish-source-maps-to-azure.md)
209209
* [Map the processed code to your original source code, for debugging](source-maps.md)
210210
* [Source Maps Monitor tool](../source-maps-monitor/source-maps-monitor-tool.md)
211-
* [Improvements for connecting DevTools to Azure Artifacts symbol server](../whats-new/2023/07/devtools-115.md#improvements-for-connecting-devtools-to-azure-artifacts-symbol-server) in _What's New in DevTools (Microsoft Edge 115)_.
211+
* [Improvements for connecting DevTools to Azure Artifacts symbol server](../whats-new/2023/07/devtools-115.md#improvements-for-connecting-devtools-to-azure-artifacts-symbol-server) in _What's new in DevTools (Microsoft Edge 115)_.

microsoft-edge/devtools/javascript/publish-source-maps-to-azure.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -198,4 +198,4 @@ The `-n` parameter must be unique. Job names that are repeated will be rejected
198198

199199
* [Securely debug original code by using Azure Artifacts symbol server source maps](consume-source-maps-from-azure.md)
200200
* [Map the processed code to your original source code, for debugging](source-maps.md)
201-
* [Improvements for connecting DevTools to Azure Artifacts symbol server](../whats-new/2023/07/devtools-115.md#improvements-for-connecting-devtools-to-azure-artifacts-symbol-server) in _What's New in DevTools (Microsoft Edge 115)_.
201+
* [Improvements for connecting DevTools to Azure Artifacts symbol server](../whats-new/2023/07/devtools-115.md#improvements-for-connecting-devtools-to-azure-artifacts-symbol-server) in _What's new in DevTools (Microsoft Edge 115)_.

microsoft-edge/devtools/memory-inspector/memory-inspector-tool.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ The **Memory inspector** tool provides greater ability than the **Sources** tool
4343

4444
<!-- ====================================================================== -->
4545
## Open Memory inspector while debugging
46-
<!-- some initial content was from [New Memory inspector tool](../whats-new/2021/04/devtools.md#new-memory-inspector-tool) in _What's New in DevTools (Microsoft Edge 91)_. -->
46+
<!-- some initial content was from [New Memory inspector tool](../whats-new/2021/04/devtools.md#new-memory-inspector-tool) in _What's new in DevTools (Microsoft Edge 91)_. -->
4747

4848
For example:
4949

microsoft-edge/devtools/memory-problems/dom-leaks-memory-tool-detached-elements.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -127,5 +127,5 @@ Be sure to unmount components. For long-running apps, small memory leaks of onl
127127
* [MicrosoftEdge/Demos > detached-elements](https://github.com/MicrosoftEdge/Demos/tree/main/detached-elements) repo folder - source code.<!-- link not in article -->
128128

129129
<!-- possibly uncomment after PR https://github.com/MicrosoftDocs/edge-developer/pull/3290 is merged
130-
* [Detached Elements profiling type in Memory tool](../whats-new/2024/10/devtools-130.md#detached-elements-profiling-type-in-memory-tool) in _What's New in DevTools (Microsoft Edge 130)_.
130+
* [Detached Elements profiling type in Memory tool](../whats-new/2024/10/devtools-130.md#detached-elements-profiling-type-in-memory-tool) in _What's new in DevTools (Microsoft Edge 130)_.
131131
-->

microsoft-edge/devtools/memory-problems/index.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -117,7 +117,7 @@ A DOM node is only garbage-collected by the browser when there are no references
117117
* [Use Allocation instrumentation on timeline ("Allocations on timeline" profiling type)](./allocation-profiler.md)
118118
* [Record heap snapshots using the Memory tool ("Heap snapshot" profiling type)](./heap-snapshots.md)
119119
<!--
120-
* [Detached Elements profiling type in Memory tool](../whats-new/2024/10/devtools-130.md#detached-elements-profiling-type-in-memory-tool) in _What's New in DevTools (Microsoft Edge 130)_.
120+
* [Detached Elements profiling type in Memory tool](../whats-new/2024/10/devtools-130.md#detached-elements-profiling-type-in-memory-tool) in _What's new in DevTools (Microsoft Edge 130)_.
121121
-->
122122

123123
External:

microsoft-edge/devtools/network-conditions/network-conditions-tool.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ The `content-encoding` header informs the browser whether and how a given HTTP r
5151
<!-- ====================================================================== -->
5252
## See also
5353

54-
* [Easier customization of User-Agent Client Hints](../whats-new/2021/07/devtools.md#easier-customization-of-user-agent-client-hints) in _What's New in DevTools (Microsoft Edge 93)_.
55-
* [User-Agent Client Hints for devices in the Network conditions tab](../whats-new/2021/05/devtools.md#user-agent-client-hints-for-devices-in-the-network-conditions-tab) in _What's New in DevTools (Microsoft Edge 92)_.
56-
* [New options to configure Content-Encodings in the Network conditions tool](../whats-new/2021/04/devtools.md#new-options-to-configure-content-encodings-in-the-network-conditions-tool) in _What's New in DevTools (Microsoft Edge 91)_.
57-
* [Updated User-Agent strings](../whats-new/2019/12/devtools.md#updated-user-agent-strings) in _What's New in DevTools (Microsoft Edge 80)_.
54+
* [Easier customization of User-Agent Client Hints](../whats-new/2021/07/devtools.md#easier-customization-of-user-agent-client-hints) in _What's new in DevTools (Microsoft Edge 93)_.
55+
* [User-Agent Client Hints for devices in the Network conditions tab](../whats-new/2021/05/devtools.md#user-agent-client-hints-for-devices-in-the-network-conditions-tab) in _What's new in DevTools (Microsoft Edge 92)_.
56+
* [New options to configure Content-Encodings in the Network conditions tool](../whats-new/2021/04/devtools.md#new-options-to-configure-content-encodings-in-the-network-conditions-tool) in _What's new in DevTools (Microsoft Edge 91)_.
57+
* [Updated User-Agent strings](../whats-new/2019/12/devtools.md#updated-user-agent-strings) in _What's new in DevTools (Microsoft Edge 80)_.

0 commit comments

Comments
 (0)