Article Edit Discuss

Open Developer Tools in Microsoft Edge in Windows 10

You do not have permission to edit this page, for the following reason:

Image temporarily unavailable

Your user name or IP address has been blocked by Visihow Admin.

The reason given is "Spam comments".

If you believe that this block was made in error, you may appeal the block by emailing (include your user name in the subject). Please understand that, unless you can show that you were editing in good faith, your appeal will not receive a reply.

If you are using AOL or another Internet Service Provider that uses proxies, your IP may have been autoblocked. In the future, you can register an account to avoid being blocked unintentionally.

Please include the following information in any queries:

Your user name (if applicable)
Your current IP address (127.0.0.1)
Your Block ID (#7917)

You can view and copy the source of this page:

Hi! You're watching VisiHow. This is a tutorial on how to open developer tools in Microsoft Edge in Windows 10. [[Image:open_developer_tools_in_microsoft_edge_on_windows_10.mp4-canvas52_168114.jpg|center]]



== Steps ==
# 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. [[Image:open_developer_tools_in_microsoft_edge_on_windows_10.mp4-canvas14_001176.jpg|center]]
# 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. [[Image:open_developer_tools_in_microsoft_edge_on_windows_10.mp4-canvas19_654625.jpg|center]]
# One of the ways to open the developer tools is to right-click the empty space of a web page. [[Image:open_developer_tools_in_microsoft_edge_on_windows_10.mp4-canvas31_07784.jpg|center]]
# Then, we click either "Inspect element" or "View source". [[Image:open_developer_tools_in_microsoft_edge_on_windows_10.mp4-canvas33_851905.jpg|center]]
# The other way is to click on the "More actions" button. The button is in the upper-right corner of the screen. [[Image:open_developer_tools_in_microsoft_edge_on_windows_10.mp4-canvas40_434171.jpg|center]]
# From the drop-down menu, we click "F12 Developer Tools". [[Image:open_developer_tools_in_microsoft_edge_on_windows_10.mp4-canvas42_720886.jpg|center]]
# The other way is to simply press "F12" on the keyboard. [[Image:open_developer_tools_in_microsoft_edge_on_windows_10.mp4-canvas47_294411.jpg|center]]
# We have several sections in the "Developer Tools". These are "DOM Explorer", "Console", "Debugger", "Network", "Performance", "Memory", "Emulation", and so on. [[Image:open_developer_tools_in_microsoft_edge_on_windows_10.mp4-canvas54_83518.jpg|center]]
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==
<html5video width="640" height="480" path="/transcriber/videos/">{PUBLISHED}[creatura] open developer tools in microsoft edge on windows 10</html5video>


[[Category:Browser]]
[[Category:Windows]]

Return to Open Developer Tools in Microsoft Edge in Windows 10.

Open Developer Tools in Microsoft Edge in Windows 10

Meet a Community Member

- collapse Things to Do

+ expand Places to Visit

Follow Us On...

Explore Categories