Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add video links #3189

Merged
merged 23 commits into from
Jun 20, 2024
Merged
Show file tree
Hide file tree
Changes from 10 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
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
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
775 changes: 663 additions & 112 deletions microsoft-edge/dev-videos/index.md

Large diffs are not rendered by default.

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,11 @@ When inspecting a webpage with DevTools, you often see errors and warnings in th
![Copilot in the Microsoft Edge sidebar, showing the error message and the explanation](./copilot-explain-console-images/copilot-error-explanation.png)


Video: Explain DevTools Console errors using Copilot in Edge:

[![Thumbnail image for video "Explain DevTools Console errors using Copilot in Edge"](./copilot-explain-console-images/console-errors-copilot.png)](https://www.youtube.com/watch?v=xuICl66F-Ik)
mikehoffms marked this conversation as resolved.
Show resolved Hide resolved


<!-- ------------------------------ -->
#### Supported scenarios

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,11 @@ ms.date: 07/30/2021
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


Video: What's New in DevTools 93:

[![Thumbnail image for the DevTools What's New in 93 video](./devtools-images/devtools-whatsnew-93.png)](https://www.youtube.com/watch?v=rDB_a4bUeeA)


<!-- ====================================================================== -->
## Apply themes from Visual Studio Code to DevTools

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,10 @@ ms.date: 09/03/2021
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


<!-- todo: thumbnail like in https://learn.microsoft.com/en-us/microsoft-edge/dev-videos/#devtools---whats-new-in-devtools-105 -->
* [What's New in DevTools 94](https://www.youtube.com/watch?v=S-g1E_W9wQQ)


<!-- ====================================================================== -->
## Search for Console errors on the web

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,10 @@ ms.date: 10/20/2021
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


<!-- todo: thumbnail like in https://learn.microsoft.com/en-us/microsoft-edge/dev-videos/#devtools---whats-new-in-devtools-105 -->
* [What's New in DevTools 95](https://www.youtube.com/watch?v=JsnW0CU1l80)


<!-- ====================================================================== -->
## Sync live changes from the Styles tool in the Visual Studio Code extension

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,10 @@ ms.date: 11/16/2021
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


<!-- todo: thumbnail like in https://learn.microsoft.com/en-us/microsoft-edge/dev-videos/#devtools---whats-new-in-devtools-105 -->
* [What's New in DevTools 96](https://www.youtube.com/watch?v=H6dYeoGOIDk)


<!-- ====================================================================== -->
## New DevTools UI available (in preview)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,10 @@ ms.date: 01/14/2022
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


<!-- todo: thumbnail like in https://learn.microsoft.com/en-us/microsoft-edge/dev-videos/#devtools---whats-new-in-devtools-105 -->
* [What's New in DevTools 97](https://www.youtube.com/watch?v=qbDLtE0a_yQ)
mikehoffms marked this conversation as resolved.
Show resolved Hide resolved


<!-- ====================================================================== -->
## Introducing the Detached Elements tool

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,10 @@ ms.date: 02/02/2022
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


<!-- todo: thumbnail like in https://learn.microsoft.com/en-us/microsoft-edge/dev-videos/#devtools---whats-new-in-devtools-105 -->
* [What's New in DevTools 98](https://www.youtube.com/watch?v=HpaRDwU_AZI)


<!-- ====================================================================== -->
## Catch up on the latest and greatest features in Microsoft Edge

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,10 @@ ms.date: 03/31/2022
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


<!-- todo: thumbnail like in https://learn.microsoft.com/en-us/microsoft-edge/dev-videos/#devtools---whats-new-in-devtools-105 -->
* [What's New in DevTools 100](https://www.youtube.com/watch?v=aP6d2PIU7hc)


<!-- ====================================================================== -->
## Join the Microsoft Edge DevTools community at GitHub

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,10 @@ ms.date: 03/09/2022
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


<!-- todo: thumbnail like in https://learn.microsoft.com/en-us/microsoft-edge/dev-videos/#devtools---whats-new-in-devtools-105 -->
* [What's New in DevTools 99](https://www.youtube.com/watch?v=Z5-tEE_cNTo)


<!-- ====================================================================== -->
## Securely debug your production code with source maps from Azure Artifacts Symbol Server

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,10 @@ ms.date: 04/28/2022
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


<!-- todo: thumbnail like in https://learn.microsoft.com/en-us/microsoft-edge/dev-videos/#devtools---whats-new-in-devtools-105 -->
* [What's New in DevTools 101](https://www.youtube.com/watch?v=kv6Q8a9bsbA)


<!-- ====================================================================== -->
## The Console tool is now available in Visual Studio Code

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,10 @@ ms.date: 05/24/2022
> * [Microsoft Edge | Build 2022: Enriching desktop experiences with the power and reach of the web](https://www.youtube.com/watch?v=ahO5nePl4BQ)


<!-- todo: thumbnail like in https://learn.microsoft.com/en-us/microsoft-edge/dev-videos/#devtools---whats-new-in-devtools-105 -->
* [What's New in DevTools 102](https://www.youtube.com/watch?v=JY6DfhSdr_A)


<!-- ====================================================================== -->
## DevTools extension: New browser with device and mode emulation and sourcemap support

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,10 @@ ms.date: 06/23/2022
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


<!-- todo: thumbnail like in https://learn.microsoft.com/en-us/microsoft-edge/dev-videos/#devtools---whats-new-in-devtools-105 -->
* [What's New in DevTools 103](https://www.youtube.com/watch?v=aa0C6BRdaPA)


<!-- ====================================================================== -->
## New node types in the Memory tool

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,10 @@ ms.date: 08/02/2022
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


<!-- todo: thumbnail like in https://learn.microsoft.com/en-us/microsoft-edge/dev-videos/#devtools---whats-new-in-devtools-105 -->
* [What's New in DevTools 104](https://www.youtube.com/watch?v=0_ZprFX8x0I)


<!-- ====================================================================== -->
## Use Layers in 3D View

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,10 @@ ms.date: 09/01/2022
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


<!-- todo: thumbnail like in https://learn.microsoft.com/en-us/microsoft-edge/dev-videos/#devtools---whats-new-in-devtools-105 -->
* [What's New in DevTools 105](https://www.youtube.com/watch?v=h0XJH_iLoUk)


<!-- ====================================================================== -->
## Test your PWA's protocol handlers from the Application tool

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,11 @@ ms.date: 09/29/2022
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


Video: What's New in DevTools 106:

[![Thumbnail image for the DevTools What's New in 106 video](./devtools-106-images/devtools-whatsnew-106.png)](https://www.youtube.com/watch?v=LJxjFo4DuA0)


<!-- ====================================================================== -->
## Introducing the Command Palette

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,11 @@ ms.date: 10/31/2022
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


Video: What's New in DevTools 107:

[![Thumbnail image for the DevTools What's New in 107 video](./devtools-107-images/devtools-whatsnew-107.png)](https://www.youtube.com/watch?v=QcAnrbfJN0s)


<!-- ====================================================================== -->
## Automate WebView2 with Playwright

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,10 @@ ms.date: 12/01/2022

[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]

<!-- find "todo" in this .md file -->

Video: What's New in DevTools 108:

[![Thumbnail image for the DevTools What's New in 108 video](./devtools-108-images/devtools-whatsnew-108.png)](https://www.youtube.com/watch?v=KmGXnsSCtI4)


<!-- ====================================================================== -->
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,11 @@ ms.date: 01/13/2023
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


Video: What's New in DevTools 109:

[![Thumbnail image for the DevTools What's New in 109 video](./devtools-109-images/devtools-whatsnew-109.png)](https://www.youtube.com/watch?v=b-q-PLmO-ns)


<!-- ====================================================================== -->
## Import and export your DevTools instances with the new enhanced traces feature

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,11 @@ ms.date: 02/09/2023
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


Video: What's New in DevTools 110:

[![Thumbnail image for the DevTools What's New in 110 video](./devtools-110-images/devtools-whatsnew-110.png)](https://www.youtube.com/watch?v=qrzq3bN_1BY)


<!-- ====================================================================== -->
## Taking heap snapshots in the Memory tool is now faster

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,11 @@ ms.date: 03/15/2023
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


Video: What's New in DevTools 111:

[![Thumbnail image for the DevTools What's New in 111 video](./devtools-111-images/devtools-whatsnew-111.png)](https://www.youtube.com/watch?v=-0pWQsqlHAg)


<!-- ====================================================================== -->
## Remote debugging of Microsoft Edge, PWAs, and WebView2 controls on HoloLens 2 devices

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,11 @@ ms.date: 04/11/2023
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


Video: What's New in DevTools 112:

[![Thumbnail image for the DevTools What's New in 112 video](./devtools-112-images/devtools-whatsnew-112.png)](https://www.youtube.com/watch?v=xuICl66F-Ik)


<!-- ====================================================================== -->
## Performance tool unminifies JavaScript running in out-of-process iframes

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,11 @@ ms.date: 05/25/2023
> * [Building Chat Plugins for Microsoft Bing and Edge](https://www.youtube.com/watch?v=Q-5M7EYjl6U&list=PL4z1-7pjJU6zJT3PBQ4mTbNg2wtX7Lt52)


Video: What's New in DevTools 113 and 114:

[![Thumbnail image for the DevTools What's New in 113-114 video](./devtools-113-images/devtools-whatsnew-113-114.png)](https://www.youtube.com/watch?v=jtKVcLaA5Yw)


<!-- ====================================================================== -->
## Debug JavaScript error stack traces by using the Crash Analyzer tool

Expand Down Expand Up @@ -65,7 +70,7 @@ In the following image, the minified object name `e` is shown in a heap snapshot
Now in Microsoft Edge 113, the **Memory** tool automatically unminifies object names in the heap snapshot:

![A heap snapshot in the Memory tool displays unminified object names](./devtools-113-images/unminified-object-name-memory-tool.png)
<!-- todo
<!-- png:
1. Open Edge Stable.
2. Go to: https://outlook-sdf.office.com/mail/
3. Don't show the Outlook UI - undock DevTools.
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,11 @@ ms.date: 06/15/2023
> * [Building Chat Plugins for Microsoft Bing and Edge](https://www.youtube.com/watch?v=Q-5M7EYjl6U&list=PL4z1-7pjJU6zJT3PBQ4mTbNg2wtX7Lt52)


Video: What's New in DevTools 113 and 114:

[![Thumbnail image for the DevTools What's New in 113-114 video](./devtools-114-images/devtools-whatsnew-113-114.png)](https://www.youtube.com/watch?v=jtKVcLaA5Yw)


<!-- ====================================================================== -->
## Aggregate Selector Stats in the Performance tool

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,11 @@ ms.date: 08/18/2023
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


Video: What's New in DevTools 115-125:

[![Thumbnail image for the DevTools What's New in 115-125 video](./devtools-115-images/devtools-whatsnew-115-125.png)](todo)


<!-- ====================================================================== -->
## Improvements for connecting DevTools to Azure Artifacts symbol server

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,11 @@ ms.date: 08/17/2023
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


Video: What's New in DevTools 115-125:

[![Thumbnail image for the DevTools What's New in 115-125 video](./devtools-116-images/devtools-whatsnew-115-125.png)](todo)


<!-- ====================================================================== -->
## New "Move Activity Bar" button directly on the Activity Bar

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,11 @@ ms.date: 09/14/2023
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


Video: What's New in DevTools 115-125:

[![Thumbnail image for the DevTools What's New in 115-125 video](./devtools-117-images/devtools-whatsnew-115-125.png)](todo)


<!-- ====================================================================== -->
## New experiment: Explain console errors/warnings with Copilot in Sidebar

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,11 @@ ms.date: 10/12/2023
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


Video: What's New in DevTools 115-125:

[![Thumbnail image for the DevTools What's New in 115-125 video](./devtools-118-images/devtools-whatsnew-115-125.png)](todo)


<!-- ====================================================================== -->
## Updates to the "Explain Console errors using Copilot in Sidebar" experiment

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,11 @@ ms.date: 11/02/2023
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


Video: What's New in DevTools 115-125:

[![Thumbnail image for the DevTools What's New in 115-125 video](./devtools-119-images/devtools-whatsnew-115-125.png)](todo)


<!-- ====================================================================== -->
## Increased text color contrast for Error pills (badges) in the Issues tool

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,11 @@ ms.date: 12/07/2023
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


Video: What's New in DevTools 115-125:

[![Thumbnail image for the DevTools What's New in 115-125 video](./devtools-120-images/devtools-whatsnew-115-125.png)](todo)


<!-- ====================================================================== -->
## DevTools has a new user interface

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,11 @@ ms.date: 01/25/2024
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


Video: What's New in DevTools 115-125:

[![Thumbnail image for the DevTools What's New in 115-125 video](./devtools-121-images/devtools-whatsnew-115-125.png)](todo)


<!-- ====================================================================== -->
## Z-index and DOM tabs in 3D View tool are now working

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,11 @@ ms.date: 02/23/2024
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


Video: What's New in DevTools 115-125:

[![Thumbnail image for the DevTools What's New in 115-125 video](./devtools-122-images/devtools-whatsnew-115-125.png)](todo)


<!-- ====================================================================== -->
## Copilot's explanation of Console errors includes a suggested fix

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,11 @@ ms.date: 03/21/2024
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


Video: What's New in DevTools 115-125:

[![Thumbnail image for the DevTools What's New in 115-125 video](./devtools-123-images/devtools-whatsnew-115-125.png)](todo)


<!-- ====================================================================== -->
## Memory tool reports backing store sizes as part of an object's shallow size

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,11 @@ ms.date: 04/18/2024
[!INCLUDE [Microsoft Edge team note for top of What's New](../../includes/edge-whats-new-note.md)]


Video: What's New in DevTools 115-125:

[![Thumbnail image for the DevTools What's New in 115-125 video](./devtools-124-images/devtools-whatsnew-115-125.png)](todo)


<!-- ====================================================================== -->
## postMessage events and handlers are distinguished from other events

Expand Down
Loading