Customize Microsoft Edge DevTools

This page lists the ways to customize Microsoft Edge DevTools.

Settings

Settings > Preferences contains many options for customizing DevTools.

There are two ways to open Settings.

  • Select the Settings icon (Settings icon).
  • While DevTools has focus, select F1.

Settings

Drawer

The Drawer is a second panel where you can choose which tools to display.

To open (or close) the Drawer, select Escape.

The Drawer

You can move tools between the main panel and the drawer.

Reorder tools

Select and drag a tool to change the ordering. Your custom tool order persists across DevTools sessions.

Note

By default, the Network tool is usually the fifth tab on the main toolbar. In the following figure, the Network tool is being moved to become the first tab in the main toolbar.

Custom order of Devtools in a panel

Open and close tools

To keep the DevTools interface streamlined, many of the tools aren't opened by default. To open a tool in the main panel or the Drawer, select the More Tools (More Tools) button to the right of the tabs, and then select a tool from the list.

The More Tools (+) button to open a new tool

To close a tool, select the Close (Close Tool) button in the tool's tab.

The tab's Close button

Change DevTools placement

Navigate to Change DevTools placement (Undock, Dock to bottom, Dock to left).

Undocked DevTools

Color themes

Navigate to Apply color themes to DevTools.

Selecting a different color theme

Restore default settings

To restore the default theme, placement, tools order, and any other customized settings, select Settings > Preferences > Restore defaults and refresh.

Restoring default settings

Note

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).

Creative Commons License This work is licensed under a Creative Commons Attribution 4.0 International License.