How to Open Microsoft Edge Developer Tools in Windows 10 – Windows Blog by Brink

How to Open Microsoft Edge Developer Tools in Windows 10

Browser tooling has come a long way since the days of Internet Explorer! The Microsoft Edge Developer Tools are built with TypeScript, powered by open source, and optimized for modern front-end workflows.

The Microsoft Edge DevTools include:

  • An Elements panel to edit HTML and CSS, inspect accessibility properties, view event listeners, and set DOM mutation breakpoints
  • A Console to view and filter log messages, inspect JavaScript objects and DOM nodes, and run JavaScript in the context of the selected window or frame
  • A Debugger to step through code, set watches and breakpoints, live edit your code, and inspect your web storage and cookie caches
  • A Network panel to monitor and inspect requests and responses from the network and browser cache
  • A Performance panel to profile the time and system resources required by your site
  • A Memory panel to measure your use of memory resources and compare heap snapshots at different states of code execution
  • An Emulation panel to test your site with different browser profiles, screen resolutions, and GPS location coordinates

This tutorial will give your details about and how to open Microsoft Edge Developer Tools in Windows 10.

Read more…