How to Add More Tools in DevTools:
There are multiple ways to add tools in the main toolbar which are:
1. Using Add icon:
The DevTools by-default have some tools tab present in the toolbar to add other tools press the add icon which present after the last tab in the toolbar and the select the required tool from the list of options.
Locating Tools using Add icon
2. Using Run Command:
The DevTools also provides you a run command search menu where you can search the tool name and the options appears in the format Show <tool-name>. To turn on DevTools Run Command use the shortcut key “Ctrl+Shift+P”.
Locating Tools using Run Command
3. Using More tools option:
In the top-right corner of the DevTools you have three dots. Click the three dots then select More tools from the menu that appears. On selecting More tools you get the list of all the tools click the one which you want to use.
Locating Tools using More tools menu
DevTools in Microsoft Edge Browser
The Edge browser provides a wide range of tools that can be used to debug or inspect a webpage, these set of tools can be used from a sub-window called Development tools or DevTools. You can check for responsiveness, performance, and network request or edit styles in the browser itself, you can also check the JS code and debug with various debugging tools provided in the DevTools window.