Customize Microsoft Edge DevTools
This page lists the ways to customize Microsoft Edge DevTools.
Settings > Preferences contains many options for customizing DevTools.
To open Settings, do one of the following:
F1while DevTools is in focus.
- Open the Main Menu and then select Settings.
The Drawer contains many hidden features.
Escape to open or close the Drawer.
Click More to open other Drawer tabs.
The button for opening Drawer tabs
Click and drag a panel tab to change its ordering. Your custom tab order persists across DevTools sessions.
By default, the Network panel tab is usually the fourth from the left. In Figure 4, it is the first from the left.
A DevTools window with a custom tab ordering
Change DevTools placement
See Enable Dark Theme.
The dark theme
To enable DevTools experiments:
- Go to
- Click Enable.
- Click Relaunch Now, at the bottom of the page.
The next time you open DevTools, a new page is displayed called Experiments in Settings.
Portions of this page are modifications based on work created and shared by Google and used according to terms described in the Creative Commons Attribution 4.0 International License.
The original page is found here and is authored by Kayce Basques (Technical Writer, Chrome DevTools & Lighthouse).
This work is licensed under a Creative Commons Attribution 4.0 International License.