Open Developer Tools in Microsoft Edge in Windows 10

Edited by Lukward Thomason, Alexander Avdeev, Eng, Visihow Admin

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

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
    Was this step helpful? Yes | No| I need help
  2. 2
    We need to access a web site
    .
    Let's go to https://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
    Was this step helpful? Yes | No| I need help
  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| I need help
  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| I need help
  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| I need help
  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| I need help
  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| I need help
  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| I need help

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.

Video: Open Developer Tools in Microsoft Edge in Windows 10

If you have problems with any of the steps in this article, please ask a question for more help, or post in the comments section below.

Comments

Article Info

Categories : Browser | Windows

Recent edits by: Eng, Alexander Avdeev, Lukward Thomason

Share this Article:

Thanks to all authors for creating a page that has been read 6,688 times.

x

Thank Our Volunteer Authors.

Would you like to give back to the community by fixing a spelling mistake? Yes | No