Open Developer Tools in Microsoft Edge in Windows 10

Edited by Lukward Thomason, Alexander Avdeev, Eng, Anonymous

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 | I need help

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

    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 | I need help

Video: Open Developer Tools in Microsoft Edge in Windows 10

Comments

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




Creatura
Featured Author
651 Articles Started
871 Article Edits
40,075 Points
Creatura is a featured author with VisiHow. Creatura has achieved the level of "Captain" with 40,075 points. Creatura has started 651 articles (including this one) and has also made 871 article edits. 284,000 people have read Creatura's article contributions.
Creatura's Message Board
Creatura: Hi, my name is Creatura.
Creatura: Can I help you with your problem about "Open Developer Tools in Microsoft Edge in Windows 10"?
 

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 487 times.

Do you have a question not answered in this article?
Click here to ask one of the writers of this article
x

Thank Our Volunteer Authors.

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