Press F12 To Accelerate Your Web Dev
Microsoft Edge is the new default browser that is built for Windows 10. The new browser is powered by the EdgeHTML web engine and is built completely from scratch.
Microsoft Edge has the F12 Developer tool that comes with tools like DOM Explorer, Console tool, Debugger tool, Network tool, Performance Tool, Memory tool, Emulation tool. These tools help the web developers to debug and test their webpages covering various scenarios.
Keyboard Shortcuts for Microsoft Edge F12 Developer Tools
There are several keyboard shortcuts that help the users to use the F12 Developer Tools effectively and below are some of them.
| Shortcut Key | Description |
| F12 | Opens the Microsoft Edge F12 Developer Tools |
| ALT + Spacebar + C | Closes the F12 Developer Tools (if active) else closes the Microsoft Edge browser. |
| Ctrl + 1 | Navigate to DOM Explorer tool. |
| Ctrl + 2 | Navigate to the Console tool. |
| Ctrl + 3 | Navigate to the Debugger tool. |
| Ctrl + 4 | Navigate to the Network tool. |
| Ctrl + 5 | Navigate to the Performance Tool. |
| Ctrl + 6 | Navigate to the Memory tool. |
| Ctrl + 7 | Navigate to the Emulation tool. |
| Ctrl + 8 | Navigate to the Experiments tool. |
| Ctrl + B | Select element on the DOM Explorer tab |
| Ctrl + K | Displays the Color picker in the DOM Explorer tab |
| Ctrl + Shift + I | Dom element highlighting in the DOM explorer tab. |
| Ctrl + J | Enable/ Disable Just my code in Debugger tab. |
| F5 | Continue in the Debugger tab |
| Hold F5 | Fast Continue in the Debugger tab |
| F11 | Step into code in the Debugger tab |
| F12 | Step over in the Debugger tab |
| Shift + F11 | Step out in the Debugger tab |
| Ctrl + Shift + F5 | Continue and refresh in the Debugger tab |
| Ctrl + Shift + W | Break on new worker in the Debugger tab |
| Ctrl + Shift + E | Change the exception behavior in the debugger tab |
| Ctrl + E | Start and stop the profiling for beginning a new performance session in the Performance , Network and Memory tab. |
| Ctrl + S | Export as HAR in the Network tab |
| Ctrl + O | Import the profiling session in the performance and memory tab |
| Ctrl + S | Export the profiling session in the performance and memory tab |
| Ctrl + L | Clears the error and warnings in the performance tab |
| Ctrl + Shift + T | Takes the heap snapshot in the Memory tab |
| Ctrl + Shift + L | Reset the Emulation settings in the Emulation tab. |
I’m sure the shortcuts will help you in times to come.
0 comments:
Post a Comment