Used for Record heap snapshots using the Memory tool. Used for Get started debugging JavaScript.ĭemo: Debugging JavaScript with Microsoft Edge DevTools Used for Analyze pages using the Inspect tool.ĭebugging JavaScript that adds two numbers Used for Get started viewing and changing the DOM. Used for Get started viewing and changing CSS. Testing all badges in DevTools for contrast issues Used for Improving contrast in Microsoft Edge DevTools: A bugfix case study. Used for Console overview, Log messages in the Console tool, and Fix JavaScript errors that are reported in the Console. Used for Overview of accessibility testing using DevTools. Microsoft Edge DevTools 3D View tool demo Used for Navigate webpage layers, z-index, and DOM using the 3D View tool. Used for Debug DOM memory leaks with the Detached Elements tool. Used for screenshots in the Microsoft Edge DevTools documentation, and for Opening DevTools and the DevTools browser for the DevTools extension for Visual Studio Code.Ĭhat-like demo. Simple To Do app with vanilla JavaScript. css files from within the Styles tab (CSS mirror editing) for the DevTools extension for Visual Studio Code. The following demos demonstrate DevTools features. Right-click the demo webpage, and then select Inspect to open DevTools. To view the source code for a rendered demo webpage in DevTools in Microsoft Edge: Visual Studio Code, with optional DevTools.There are various ways to view, download, and modify these demo webpages, including: Use the Demos repo to learn how to use Microsoft Edge to develop webpages and web apps.

Chromium source code github