Open Developer Tools in Microsoft Edge in Windows 10

Edited by Lukward Thomason, Alexander Avdeev, Eng

Hi! You're watching VisiHow. This is a tutorial on how to open developer tools in Microsoft Edge in Windows 10.

Open developer tools in microsoft edge on windows 10.mp4-canvas52 168114.jpg

Ad

Steps

  1. 1
    The first thing that we need to do is open Microsoft Edge
    .
    In this case, it is in the taskbar. We simply click Microsoft Edge to open it.
    Open developer tools in microsoft edge on windows 10.mp4-canvas14 001176.jpg
    Advertisement
    Was this step helpful? Yes | No
  2. 2
    We need to access a web site
    .
    Let's go to http://VisiHow.com. When the web page opens, there are many ways to open the developer tools.
    Open developer tools in microsoft edge on windows 10.mp4-canvas19 654625.jpg
    Advertisement
    Was this step helpful? Yes | No
  3. 3
    One of the ways to open the developer tools is to right-click the empty space of a web page
    .
    Open developer tools in microsoft edge on windows 10.mp4-canvas31 07784.jpg
    Was this step helpful? Yes | No
  4. 4
    Then, we click either "Inspect element" or "View source"
    .
    Open developer tools in microsoft edge on windows 10.mp4-canvas33 851905.jpg
    Was this step helpful? Yes | No
  5. 5
    The other way is to click on the "More actions" button
    .
    The button is in the upper-right corner of the screen.
    Open developer tools in microsoft edge on windows 10.mp4-canvas40 434171.jpg
    Was this step helpful? Yes | No
  6. 6
    From the drop-down menu, we click "F12 Developer Tools"
    .
    Open developer tools in microsoft edge on windows 10.mp4-canvas42 720886.jpg
    Was this step helpful? Yes | No
  7. 7
    The other way is to simply press "F12" on the keyboard
    .
    Open developer tools in microsoft edge on windows 10.mp4-canvas47 294411.jpg
    Was this step helpful? Yes | No
  8. 8
    We have several sections in the "Developer Tools"
    .
    These are "DOM Explorer", "Console", "Debugger", "Network", "Performance", "Memory", "Emulation", and so on.
    Open developer tools in microsoft edge on windows 10.mp4-canvas54 83518.jpg
    Was this step helpful? Yes | No
    Advertisement

This concludes the tutorial on how to open developer tools in Microsoft Edge in Windows 10. Thank you for watching VisiHow! If you have any other comments or questions, please leave them in the comment section below.

Was this helpful? Yes | No

Video: Open Developer Tools in Microsoft Edge in Windows 10

If you have problems with any of the steps in this article, please post in the comments section below.

Comments

VisiHow welcomes all comments. If you do not want to be anonymous, register or log in. It is free.

Article Info

Categories : Browser | Windows

Recent edits by: Alexander Avdeev, Lukward Thomason

Share this Article:

Thanks to all authors for creating a page that has been read 980 times.