You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
## Explain DevTools Console errors using Copilot in Edge
61
61
62
-
February 8, 2024
62
+
Feb. 8, 2024
63
63
64
64
[](https://www.youtube.com/watch?v=vfVsAmNFLik)
## Microsoft Edge | What's New in DevTools 113 and 114
87
87
88
-
July 24, 2023
88
+
Jul. 24, 2023
89
89
90
90
[](https://www.youtube.com/watch?v=jtKVcLaA5Yw)
[](https://www.youtube.com/watch?v=ayemJLeE55c)
310
310
311
-
This slightly older (September 2022) video shows the legacy UI for DevTools:
311
+
This slightly older (Sep. 2022) video shows the legacy UI for DevTools:
312
312
* Instead of the **Activity Bar**, the video shows the main toolbar.
313
313
* Instead of the **Quick View** panel, the video shows the **Drawer** at bottom of DevTools.
## Use your preferred language in Microsoft Edge DevTools
395
395
396
-
June 9, 2022
396
+
Jun. 9, 2022
397
397
398
398
[](https://www.youtube.com/watch?v=AeF0AvWpUO8)
[](https://www.youtube.com/watch?v=JY6DfhSdr_A)
412
412
@@ -430,7 +430,7 @@ May 31, 2022
430
430
431
431
Styling `<select>` elements has been challenging. The experimental `<selectmenu>` (or `<selectlist>`) element promises to overcome the remaining limitations, by enabling web developers to style all parts of the element.
432
432
433
-
June 2024 update: This element is still experimental. The `<selectmenu>` element was renamed to `<selectlist>` in 2023.
433
+
Jun. 2024 update: This element is still experimental. The `<selectmenu>` element was renamed to `<selectlist>` in 2023.
Learn about the CSS scroll-linked animations feature and how it can be used to create a reading progress indicator on a webpage, without using JavaScript. This is a feature of the web platform as a whole, not only Microsoft Edge.
469
469
470
-
As of July 21, 2023, this feature is no longer experimental, and is now supported in Microsoft Edge without a flag. From 2022 description: CSS scroll-linked animations is an experimental feature in Microsoft Edge; to try this feature, go to `edge://flags` and then enable the **Experimental Web Platform features** setting.
470
+
As of Jul. 21, 2023, this feature is no longer experimental, and is now supported in Microsoft Edge without a flag. From 2022 description: CSS scroll-linked animations is an experimental feature in Microsoft Edge; to try this feature, go to `edge://flags` and then enable the **Experimental Web Platform features** setting.
471
471
472
472
See also:
473
473
*[Reader demo](https://microsoftedge.github.io/Demos/reader/) - demo app that's shown in the video.
## Highlight text on the web with the CSS Custom Highlighting API
502
502
503
-
April 28, 2022
503
+
Apr. 28, 2022
504
504
505
505
[](https://www.youtube.com/watch?v=1qldqyT324o)
[](https://www.youtube.com/watch?v=kv6Q8a9bsbA)
[](https://www.youtube.com/watch?v=aP6d2PIU7hc)
[](https://www.youtube.com/watch?v=Z5-tEE_cNTo)
[](https://www.youtube.com/watch?v=GhyLc8X_6Mg)
[](https://www.youtube.com/watch?v=HpaRDwU_AZI)
[](https://www.youtube.com/watch?v=qbDLtE0a_yQ)
## Debug memory leaks with the Microsoft Edge Detached Elements tool
628
628
629
-
December 9, 2021
629
+
Dec. 9, 2021
630
630
631
631
[](https://www.youtube.com/watch?v=v2iy17ptmBk)
632
632
633
-
March 2025 update: The **Detached Elements** tool has been removed. To debug DOM memory leaks, use the **Detached elements** profiling type in the **Memory** tool.
633
+
Mar. 2025 update: The **Detached Elements** tool has been removed. To debug DOM memory leaks, use the **Detached elements** profiling type in the **Memory** tool.
634
634
635
635
Memory leaks occur when the JavaScript code of an application retains more and more objects in memory instead of releasing them for the browser to garbage-collect. We built the **Detached Elements** tool with the Microsoft Teams developers, and it has already helped us find and fix memory leaks across many of our own websites and apps.
[](https://www.youtube.com/watch?v=H6dYeoGOIDk)
[](https://www.youtube.com/watch?v=JsnW0CU1l80)
[](https://www.youtube.com/watch?v=S-g1E_W9wQQ)
[](https://www.youtube.com/watch?v=rDB_a4bUeeA)
## Ignite | September 2020 | The latest in developer tooling
780
+
## Ignite | Sep. 2020 | The latest in developer tooling
781
781
782
-
September 22, 2020
782
+
Sep. 22, 2020
783
783
784
784
[](https://www.youtube.com/watch?v=BHeF7GV6nUM)
*[Building, Deploying, and Managing WebView2 Applications](https://www.youtube.com/watch?v=LX-eXvcSx6c) - March 2, 2021.<!-- video partly outdated by more recent WebView2 developments, and no longer represents an up-to-date intro -->
807
+
*[Building, Deploying, and Managing WebView2 Applications](https://www.youtube.com/watch?v=LX-eXvcSx6c) - Mar. 2, 2021.<!-- video partly outdated by more recent WebView2 developments, and no longer represents an up-to-date intro -->
Copy file name to clipboardExpand all lines: microsoft-edge/devtools/customize/index.md
-4Lines changed: 0 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -117,8 +117,6 @@ See [Customize keyboard shortcuts](../customize/shortcuts.md).
117
117
<!-- ------------------------------ -->
118
118
#### Customizing Microsoft Edge Developer Tools and quick feature access
119
119
120
-
_Published on 5 May 2022._
121
-
122
120
[](https://www.youtube.com/watch?v=ypRzEBYNptQ)
123
121
124
122
Learn how to customize DevTools to fit your needs.
@@ -129,8 +127,6 @@ This video covers how to dock or undock DevTools, open new tools, and close thos
129
127
<!-- ------------------------------ -->
130
128
#### Understand the DevTools user interface
131
129
132
-
_Published on 1 September 2022._
133
-
134
130
[](https://www.youtube.com/watch?v=ayemJLeE55c)
135
131
136
132
Understand how the Microsoft Edge DevTools UI is organized. If you are confused about what tools are available, and what the main parts of the DevTools interface do, this video will help get more comfortable.
If you have an existing application that uses the [InternetExplorer](/previous-versions/windows/internet-explorer/ie-developer/platform-apis/aa752084(v=vs.85)) object to automate Internet Explorer 11, but the Internet Explorer 11 desktop application isn't available, your application won't work. Internet Explorer 11 will be retired on June 15, 2022. See [The future of Internet Explorer on Windows 10 is in Microsoft Edge](https://blogs.windows.com/windowsexperience/2021/05/19/the-future-of-internet-explorer-on-windows-10-is-in-microsoft-edge/).
72
+
If you have an existing application that uses the [InternetExplorer](/previous-versions/windows/internet-explorer/ie-developer/platform-apis/aa752084(v=vs.85)) object to automate Internet Explorer 11, but the Internet Explorer 11 desktop application isn't available, your application won't work. Internet Explorer 11 will be retired on Jun. 15, 2022. See [The future of Internet Explorer on Windows 10 is in Microsoft Edge](https://blogs.windows.com/windowsexperience/2021/05/19/the-future-of-internet-explorer-on-windows-10-is-in-microsoft-edge/).
73
73
74
74
Microsoft Edge doesn't support automating IE mode through the `InternetExplorer` object, so applications that rely on this object will need to be updated, by using one of the recommended alternatives below. Applications that use the [WebBrowser](/previous-versions/windows/internet-explorer/ie-developer/platform-apis/aa752040(v=vs.85)) control will continue to work, and won't be affected by the removal of Internet Explorer 11.
0 commit comments