
The main tools on the toolbarĭevTools give you an amazing amount of power to inspect, debug, and change the web product currently displayed in the browser. See also Change DevTools placement (Undock, Dock To bottom, Dock To left). Select Ctrl+ Shift+ I on Windows/Linux or Command+ Option+ I on macOS.

DevTools opens, with the Elements tool selected.
#Edge recording manager for mac how to
Find accessibility, performance, compatibility, and security issues in your products and learn how to use DevTools to fix each.Debug your JavaScript using breakpoint debugging and with the live console.Inspect, tweak, and change the styles of elements in the webpage using live tools with a visual interface.Emulate how your product behaves on different devices and simulate a mobile environment, complete with different network conditions.Inspect and change the current webpage live in the browser.Here are some of the main tasks you can do with DevTools:


The Microsoft Edge Developer Tools are also referred to as Microsoft Edge DevTools, or simply DevTools. The Developer Tools shipped with the browser are based on the tools in the Chromium open-source project, so you may already be familiar with the tools. Also, you get a powerful way to inspect, debug, and even create web projects. When you install Microsoft Edge (Chromium), you get a browser.
