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
Copy file name to clipboardexpand all lines: README.md
+4-4
Original file line number
Diff line number
Diff line change
@@ -33,26 +33,26 @@ last sync'd Feb. 2, 2023
33
33
| Detached elements | Chat-like demo. Used for [Debug DOM memory leaks with the Detached Elements tool](https://learn.microsoft.com/microsoft-edge/devtools-guide-chromium/memory-problems/dom-leaks). |[/detached-elements/](https://github.com/MicrosoftEdge/Demos/tree/main/detached-elements)|[Simulate traffic](https://microsoftedge.github.io/Demos/detached-elements/)|
34
34
| 3D View | Used for [Navigate webpage layers, z-index, and DOM using the 3D View tool](https://learn.microsoft.com/microsoft-edge/devtools-guide-chromium/3d-view/). |[/devtools-3d/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-3d)|[Microsoft Edge DevTools 3D View tool demo](https://microsoftedge.github.io/Demos/devtools-3d/)|
35
35
| Accessibility testing | Used for [Overview of accessibility testing using DevTools](https://learn.microsoft.com/microsoft-edge/devtools-guide-chromium/accessibility/accessibility-testing-in-devtools). |[/devtools-a11y-testing/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-a11y-testing)|[Animal shelter](https://microsoftedge.github.io/Demos/devtools-a11y-testing/)|
36
+
| DevTools issue: animating a CSS property that requires layout | Illustrates the **Issues** and **Elements** tools warning when CSS properties that require layout are animated. |[/devtools-animated-property-issue/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-animated-property-issue)|[Animated CSS property demo](https://microsoftedge.github.io/Demos/devtools-animated-property-issue/)|
36
37
| Console panel demo pages | Used for [Console overview](https://learn.microsoft.com/microsoft-edge/devtools-guide-chromium/console/), [Log messages in the Console tool](https://learn.microsoft.com/microsoft-edge/devtools-guide-chromium/console/console-log), and [Fix JavaScript errors that are reported in the Console](https://learn.microsoft.com/microsoft-edge/devtools-guide-chromium/console/console-debug-javascript). |[/devtools-console/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-console)|[DevTools Console panel demo pages](https://microsoftedge.github.io/Demos/devtools-console/)|
37
38
| DOM interaction from the Console demo page | Used for [Interact with the DOM using the Console](https://learn.microsoft.com/microsoft-edge/devtools-guide-chromium/console/console-dom-interaction). |[/devtools-console-dom-interactions/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-console-dom-interactions)|[DevTools Console tool DOM interactions demo](https://microsoftedge.github.io/Demos/devtools-console-dom-interactions/)|
38
39
| Contrast bug fix | Used for [Improving contrast in Microsoft Edge DevTools: A bugfix case study](https://blogs.windows.com/msedgedev/2021/06/15/improving-contrast-in-microsoft-edge-devtools-a-bugfix-case-study/). |[/devtools-contrast-bugfix/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-contrast-bugfix)|[Testing all badges in DevTools for contrast issues](https://microsoftedge.github.io/Demos/devtools-contrast-bugfix/)|
39
40
| CSS Examples | Used for [Get started viewing and changing CSS](https://learn.microsoft.com/microsoft-edge/devtools-guide-chromium/css/). |[/devtools-css-get-started/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-css-get-started)|[CSS Examples](https://microsoftedge.github.io/Demos/devtools-css-get-started/)|
40
41
| DOM Examples | Used for [Get started viewing and changing the DOM](https://learn.microsoft.com/microsoft-edge/devtools-guide-chromium/dom/). |[/devtools-dom-get-started/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-dom-get-started)|[DOM Examples](https://microsoftedge.github.io/Demos/devtools-dom-get-started/)|
42
+
| Explain Console errors and warnings in Copilot in Edge | Generates errors in the Console that can then be explained by using Copilot in Edge. |[/devtools-explain-error/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-explain-error)|[Explaining console errors demo](https://microsoftedge.github.io/Demos/devtools-explain-error/)|
41
43
| Inspect tool demo | Used for [Analyze pages using the Inspect tool](https://learn.microsoft.com/microsoft-edge/devtools-guide-chromium/css/inspect). |[/devtools-inspect/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-inspect)|[Inspect Demo](https://microsoftedge.github.io/Demos/devtools-inspect/)|
42
44
| Debugging JavaScript that adds two numbers | Used for [Get started debugging JavaScript](https://learn.microsoft.com/microsoft-edge/devtools-guide-chromium/javascript/). |[/devtools-js-get-started/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-js-get-started)|[Demo: Debugging JavaScript with Microsoft Edge DevTools](https://microsoftedge.github.io/Demos/devtools-js-get-started/)|
43
45
| Memory heap snapshot | Used for [Record heap snapshots using the Memory tool](https://learn.microsoft.com/microsoft-edge/devtools-guide-chromium/memory-problems/heap-snapshots). |[/devtools-memory-heap-snapshot/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-memory-heap-snapshot)| n/a |
44
46
| Performance Activity Tabs | Used for [View activities in a table](https://learn.microsoft.com/microsoft-edge/devtools-guide-chromium/evaluate-performance/reference#view-activities-in-a-table), about the **Performance** tool's **Bottom-Up**, **Call Tree**, and **Event Log** tabs. |[/devtools-performance-activitytabs/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-performance-activitytabs)|[Activity Tabs Demo](https://microsoftedge.github.io/Demos/devtools-performance-activitytabs/)|
45
47
| Sluggish Animation | Used for [Introduction to the Performance tool](https://learn.microsoft.com/microsoft-edge/devtools-guide-chromium/evaluate-performance/). |[/devtools-performance-get-started/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-performance-get-started)|[Sluggish Animation](https://microsoftedge.github.io/Demos/devtools-performance-get-started/)|
48
+
| PostMessage Trace Events demo | Tests `postMessage` trace events in the **Performance** tool. Used for [View activities in a table](https://learn.microsoft.com/microsoft-edge/devtools-guide-chromium/evaluate-performance/reference#view-activities-in-a-table) in _Performance features reference_. |[/devtools-postmessage-perf-timeline/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-postmessage-perf-timeline)|[PostMessage Trace Events demo](https://microsoftedge.github.io/Demos/devtools-postmessage-perf-timeline/)|
46
49
| CSS :target pseudo-class | Used for [Support forcing the :target CSS state](https://learn.microsoft.com/microsoft-edge/devtools-guide-chromium/whats-new/2021/01/devtools#support-forcing-the-target-css-state). |[/devtools-target-pseudo/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-target-pseudo)|[CSS :target pseudo-class demo](https://microsoftedge.github.io/Demos/devtools-target-pseudo/)|
47
50
| Heap Snapshot Visualizer | Source code for the [Heap Snapshot Visualizer](https://microsoftedge.microsoft.com/addons/detail/heap-snapshot-visualizer/fceldlhognbemkgfacnffkdanocidgce) extension for DevTools. |[/heap-snapshot-visualizer/](https://github.com/MicrosoftEdge/Demos/tree/main/heap-snapshot-visualizer)| n/a |
48
51
| JSON dummy data | Simple JSON files. Used for [View formatted JSON](https://learn.microsoft.com/microsoft-edge/devtools-guide-chromium/json-viewer/json-viewer). |[/json-dummy-data/](https://github.com/MicrosoftEdge/Demos/tree/main/json-dummy-data)|[JSON dummy data](https://microsoftedge.github.io/Demos/json-dummy-data/)|
49
52
| Inspect Network Activity | Used for [Inspect network activity](https://learn.microsoft.com/microsoft-edge/devtools-guide-chromium/network/). |[/network-tutorial/](https://github.com/MicrosoftEdge/Demos/tree/main/network-tutorial)|[Inspect Network Activity Demo](https://microsoftedge.github.io/Demos/network-tutorial/)|
50
53
| Photo gallery demo | Used for [The truth about CSS selector performance](https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance/). |[/photo-gallery/](https://github.com/MicrosoftEdge/Demos/tree/main/photo-gallery)|[Photo Gallery](https://microsoftedge.github.io/Demos/photo-gallery/)|
54
+
| Slow calendar demo | Simple calendar demo app to test DevTools features such as the **Performance** tool and source map support. |[/slow-calendar/](https://github.com/MicrosoftEdge/Demos/tree/main/slow-calendar)|[Slow calendar demo](https://microsoftedge.github.io/Demos/slow-calendar/public/)|
51
55
| Workspaces demo | Used for [Edit files with Workspaces (Filesystem tab)](https://learn.microsoft.com/microsoft-edge/devtools-guide-chromium/workspaces), in the **Sources** tool. |[/workspaces/](https://github.com/MicrosoftEdge/Demos/tree/main/workspaces)|[DevTools Workspaces Demo](https://microsoftedge.github.io/Demos/workspaces/)|
52
-
| DevTools issue: animating a CSS property that requires layout | A demo used to illustrate the **Issues** and **Elements** tools warning when CSS properties that require layout are animated. |[/devtools-animated-property-issue/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-animated-property-issue)|[Animated CSS property demo](https://microsoftedge.github.io/Demos/devtools-animated-property-issue/)|
53
-
| Explain Console errors and warnings in Copilot in Edge | A demo page that generates errors in the Console that can then be explained by using Copilot in Edge. |[/devtools-explain-error/](https://github.com/MicrosoftEdge/Demos/tree/main/devtools-explain-error)|[Explaining console errors demo](https://microsoftedge.github.io/Demos/devtools-explain-error/)|
54
-
| Slow calendar demo | A simple calendar demo app that's used to test various DevTools features such as the **Performance** tool or source map support. |[/slow-calendar/](https://github.com/MicrosoftEdge/Demos/tree/main/slow-calendar)|[Slow calendar demo](https://microsoftedge.github.io/Demos/slow-calendar/public/)|
55
-
| Post Message Events demo | A demo page used to test post message trace events in the **Performance** tool |[/post-message-trace-events/](https://github.com/MicrosoftEdge/Demos/demo/tree/main/post-message-trace-events)|[PostMessage Trace Events demo](https://microsoftedge.github.io/Demos/devtools-postmessage-perf-timeline/)|
0 commit comments