Open Developer Tools in Microsoft Edge in Windows 10

3 Parts:

Steps

Video: Open Developer Tools in Microsoft Edge in Windows 10

Comments

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

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.

   

   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.

   

   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

   .

   

   Was this step helpful? Yes | No| I need help
4. 4
   Then, we click either "Inspect element" or "View source"

   .

   

   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.

   

   Was this step helpful? Yes | No| I need help
6. 6
   From the drop-down menu, we click "F12 Developer Tools"

   .

   

   Was this step helpful? Yes | No| I need help
7. 7
   The other way is to simply press "F12" on the keyboard

   .

   

   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.

   

   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.

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