| title | What's New in DevTools (Microsoft Edge 121) |
|---|---|
| description | Z-index and DOM tabs in 3D View tool working correctly. Correct Hide debugger or Show debugger icon in Sources tool. Source map support in Coverage tool. Advanced filtering in Bottom-up, Call tree, and Event log tabs in Performance tool. Window Controls Overlay section for PWAs, in Application tool's Manifest section. And more. |
| author | MSEdgeTeam |
| ms.author | msedgedevrel |
| ms.topic | article |
| ms.service | microsoft-edge |
| ms.subservice | devtools |
| ms.date | 01/25/2024 |
These are the latest features in the Stable release of Microsoft Edge DevTools.
In recent versions of Microsoft Edge, there was a bug in the 3D View tool that caused the Z-index and DOM tabs to not work correctly. The tabs would crash or freeze and show the content for the Composited Layers tab instead. This issue has been fixed in Microsoft Edge 121:
See also:
The icon used to collapse or expand the Debugger pane on the right in the Sources tool was incorrect. The Hide debugger icon was displayed instead of the Show debugger icon, and vice versa:
In Microsoft Edge 121, the correct icon is now shown:
See also:
Before Microsoft Edge 121, the Coverage tool only displayed information for generated files, and omitted source files even when a source map was attached. The Coverage tool has now been improved so that when a generated file has a source map attached, the Coverage tool displays information for the source file as well as for the generated file.
For example, before Microsoft Edge 121, the coverage report for the Slow Calendar demo page contained only a single, static line, for the bundle.js file. The bundle.js line in the coverage report can now be expanded to show all of the original source files that make up this compiled bundle.js file:
See also:
Advanced filtering capabilities in the Bottom-up, Call tree, and Event log tabs in the Performance tool
In the Performance tool, the following advanced filtering buttons were added to the Bottom-up, Call tree, and Event log tabs:
- Match Case.
- Use Regular Expression.
- Match whole word.
Also, in the Bottom-up tab, the filter has been updated to now only apply to the top-level items, instead of matching every node.
See also:
The Application tool has a new Window Controls Overlay section under Manifest, to help PWA developers see a preview of how their application handles window controls, without having to install the PWA and make the styling changes that are necessary to accommodate window controls:
Use the Window Controls Overlay section to emulate window controls for Windows, Linux, and macOS.
See also:
- Simulate the Window Controls Overlay API without installing your PWA
- Display content in the title bar area using Window Controls Overlay
- Application tool, to manage storage
Microsoft Edge 121 also includes the following updates from the Chromium project:
- Elements improvements
- Improved source map support
- Performance panel improvements
- Indentation markers in the Sources panel
- Helpful tooltips for overridden headers and content in the Network panel
- New Command Menu options for adding and removing request blocking patterns
- The CSP violations experiment is removed
- Accessibility