Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
47 changes: 24 additions & 23 deletions microsoft-edge/dev-videos/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -42,17 +42,17 @@ Covers:
*

See also:
* [What's New in DevTools (Microsoft Edge 125)](../devtools/whats-new/2024/05/devtools-125.md)
* [What's New in DevTools (Microsoft Edge 124)](../devtools/whats-new/2024/04/devtools-124.md)
* [What's New in DevTools (Microsoft Edge 123)](../devtools/whats-new/2024/03/devtools-123.md)
* [What's New in DevTools (Microsoft Edge 122)](../devtools/whats-new/2024/02/devtools-122.md)
* [What's New in DevTools (Microsoft Edge 121)](../devtools/whats-new/2024/01/devtools-121.md)
* [What's New in DevTools (Microsoft Edge 120)](../devtools/whats-new/2023/12/devtools-120.md)
* [What's New in DevTools (Microsoft Edge 119)](../devtools/whats-new/2023/11/devtools-119.md)
* [What's New in DevTools (Microsoft Edge 118)](../devtools/whats-new/2023/10/devtools-118.md)
* [What's New in DevTools (Microsoft Edge 117)](../devtools/whats-new/2023/09/devtools-117.md)
* [What's New in DevTools (Microsoft Edge 116)](../devtools/whats-new/2023/08/devtools-116.md)
* [What's New in DevTools (Microsoft Edge 115)](../devtools/whats-new/2023/07/devtools-115.md)
* [What's new in DevTools (Microsoft Edge 125)](../devtools/whats-new/2024/05/devtools-125.md)
* [What's new in DevTools (Microsoft Edge 124)](../devtools/whats-new/2024/04/devtools-124.md)
* [What's new in DevTools (Microsoft Edge 123)](../devtools/whats-new/2024/03/devtools-123.md)
* [What's new in DevTools (Microsoft Edge 122)](../devtools/whats-new/2024/02/devtools-122.md)
* [What's new in DevTools (Microsoft Edge 121)](../devtools/whats-new/2024/01/devtools-121.md)
* [What's new in DevTools (Microsoft Edge 120)](../devtools/whats-new/2023/12/devtools-120.md)
* [What's new in DevTools (Microsoft Edge 119)](../devtools/whats-new/2023/11/devtools-119.md)
* [What's new in DevTools (Microsoft Edge 118)](../devtools/whats-new/2023/10/devtools-118.md)
* [What's new in DevTools (Microsoft Edge 117)](../devtools/whats-new/2023/09/devtools-117.md)
* [What's new in DevTools (Microsoft Edge 116)](../devtools/whats-new/2023/08/devtools-116.md)
* [What's new in DevTools (Microsoft Edge 115)](../devtools/whats-new/2023/07/devtools-115.md)
-->


Expand Down Expand Up @@ -99,8 +99,8 @@ Covers:
* `console.table()`.

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


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

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

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

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


Expand All @@ -161,7 +161,7 @@ Covers:
* Simulate `prefers-color-scheme`.

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


Expand All @@ -173,7 +173,7 @@ January 17, 2023
[![Thumbnail image for video "What's new in DevTools 109"](./index-images/devtools-whatsnew-109.png)](https://www.youtube.com/watch?v=b-q-PLmO-ns)

Covers:
* Enhanced traces to share memory and performance recordings.
* Share memory and performance traces with more data.
* Selector Stats in the **Performance** tool.
* Track garbage-collected (GC'd) objects in the **Memory** tool.
* Heap Snapshot visualizer extension.
Expand All @@ -182,8 +182,9 @@ Covers:
* Inspecting elements.

See also:
* [What's New in DevTools (Microsoft Edge 109)](../devtools/whats-new/2023/01/devtools-109.md)<!-- has Video section -->
* [Share enhanced performance and memory traces](../devtools/experimental-features/share-traces.md)
* [What's new in DevTools (Microsoft Edge 109)](../devtools/whats-new/2023/01/devtools-109.md)<!-- has Video section -->
* [Share a memory trace with more data](../devtools/experimental-features/share-memory-traces.md)
* [Share a performance trace with more data](../devtools/performance/share-performance-traces.md)
* [Analyze CSS selector performance during Recalculate Style events](../devtools/performance/selector-stats.md) - selector stats.
* [Investigate memory allocation, with reduced garbage ("Include objects" checkboxes)](../devtools/rendering-tools/js-runtime.md#investigate-memory-allocation-with-reduced-garbage-include-objects-checkboxes) in _Speed up JavaScript runtime ("Allocation sampling" profiling type)_.
* [Trash talk: the Orinoco garbage collector](https://v8.dev/blog/trash-talk)
Expand All @@ -207,7 +208,7 @@ Covers:
* Use Detached Elements to find DOM leaks.

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

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


<!-- ====================================================================== -->
Expand Down Expand Up @@ -278,7 +279,7 @@ Covers:
* Using Snippets.

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


<!-- ====================================================================== -->
Expand Down Expand Up @@ -728,7 +729,7 @@ Covers:
* The Visual Studio Code debugger integrates with the DevTools Extension for VS Code.

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


<!-- ====================================================================== -->
Expand Down
4 changes: 2 additions & 2 deletions microsoft-edge/devtools/crash-analyzer/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -258,6 +258,6 @@ External links:
<!--
not used in .md above:
What's New entries:
* [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)_.
* [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)_.
* [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)_.
* [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)_.
-->
2 changes: 1 addition & 1 deletion microsoft-edge/devtools/css/css-in-js.md
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ To learn more about viewing and changing CSS, see [CSS features reference](refer

<!-- ====================================================================== -->
## Editing style rules that were initially defined by a CSSOM function
<!-- 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)_. -->
<!-- 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)_. -->

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.

Expand Down
50 changes: 6 additions & 44 deletions microsoft-edge/devtools/experimental-features/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -174,7 +174,7 @@ Status:
<!-- ====================================================================== -->
## Show option to expose internals in heap snapshots
<!-- checkbox has no "(?)" link pointing to this anchor wording
[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 -->
[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 -->

_new as of Microsoft Edge 105_

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

See also:
* [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)_.
* [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)_.
* [Change colors with the Color Picker](../css/reference.md#change-colors-with-the-color-picker) in _CSS features reference_.
* [Test text-color contrast using the Color Picker](../accessibility/color-picker.md)

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

See also:
* [Test accessibility using the Accessibility tab](../accessibility/accessibility-tab.md)
* [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)_.
* [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 144.
Expand Down Expand Up @@ -359,7 +359,7 @@ See also:
* [Performance recording event reference](../performance/performance-reference.md)
* [postMessage Trace Events demo (rendered)](https://microsoftedge.github.io/Demos/devtools-postmessage-perf-timeline/)
* [postMessage Trace Events demo (source code)](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-postmessage-perf-timeline)
* [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)_.
* [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 144.
Expand Down Expand Up @@ -419,7 +419,7 @@ pointing to this anchor wording -->
Displays syntax errors as wavy underlines under DOM nodes in the **Elements** tool.

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)_.
* [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 144.
Expand Down Expand Up @@ -544,44 +544,6 @@ Status:
* This checkbox is present in Microsoft Edge Stable 142.


<!-- ====================================================================== -->
## Performance panel: Enable collecting enhanced traces
<!-- checkbox has no "(?)" link pointing to this anchor wording -->

_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 not present in Microsoft Edge Canary 144.
* This checkbox is present in Microsoft Edge Stable 142.

See also:
* [Share enhanced performance and memory traces](../experimental-features/share-traces.md)
* [Performance features reference](../performance/reference.md)
* [Performance recording event reference](../performance/performance-reference.md)


<!-- ====================================================================== -->
## Performance panel: Enable collecting source text for compiled script
<!-- checkbox has no "(?)" link pointing to this anchor wording -->

_new as of Microsoft Edge 128_

In the **Performance** tool, when exporting the trace file, stores the source code of compiled scripts in the trace file.

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 not present in Microsoft Edge Canary 144.
* This checkbox is present in Microsoft Edge Stable 142.

See also:
* [Share enhanced performance and memory traces](../experimental-features/share-traces.md)
* [Performance features reference](../performance/reference.md)
* [Performance recording event reference](../performance/performance-reference.md)


<!-- ====================================================================== -->
## Performance panel: Enable debug mode (trace event details, etc)
<!-- checkbox has no "(?)" link pointing to this anchor wording -->
Expand All @@ -595,7 +557,7 @@ Status:
* This checkbox is present in Microsoft Edge Stable 142.

See also:
* [Share enhanced performance and memory traces](../experimental-features/share-traces.md)
* [Share a performance trace with more data](../performance/share-performance-traces.md)
* [Performance features reference](../performance/reference.md)
* [Performance recording event reference](../performance/performance-reference.md)

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading