Open Microsoft Edge DevTools

There are many ways to open Microsoft Edge DevTools, because different users want fast access to different parts of the DevTools UI.

Open the Elements panel to inspect the DOM or CSS

When you want to inspect the styles or attributes of a DOM node, right-click the element and select Inspect.

Figure 1

The Inspect option
The Inspect option

Or press Control+Shift+C (Windows) or Command+Option+C (macOS).

Open the Console panel to view logged messages or run JavaScript

Press Control+Shift+J (Windows) or Command+Option+J (macOS) to jump straight into the Console panel.

Open the last panel you had open

Press Control+Shift+I (Windows) or Command+Option+I (macOS).

Open DevTools from the Microsoft Edge main menu

Click Settings and more (Alt+F) ... and then select More Tools > Developer Tools.

Figure 2

Opening DevTools from the Microsoft Edge main menu
Opening DevTools from the Microsoft Edge main menu

Auto-open DevTools on every new tab

Open Microsoft Edge from the command line and pass the --auto-open-devtools-for-tabs flag.

Windows (CMD):

start msedge --auto-open-devtools-for-tabs

Windows (PowerShell):

Start-Process -FilePath "msedge" -ArgumentList "--auto-open-devtools-for-tabs"

macOS:

/Applications/Microsoft\ Edge\ Beta.app/Contents/MacOS/Microsoft\ Edge\ Beta --auto-open-devtools-for-tabs

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.