Microsoft Edge DevTools Keyboard Shortcuts Complete/Full List

Complete or full list of Microsoft Edge DevTools Keyboard Shortcuts.

Microsoft Edge DevTools Keyboard Shortcuts Complete Full List Image 1

Microsoft Edge DevTools provides web developers with a wide range of tools to detect and deal with any problems related to web pages and apps. These tools can be used to inspect element layout, design CSS styles, locate performance complications, and more. The tools also have keyboard shortcuts for easy and quick access which you can also find in the tooltips. But here in this article, you will get an entire list of Microsoft Edge DevTools Keyboard Shortcuts that can make your work pretty easier.

Once you hover over a UI element of DevTools to show its tooltip, the element will display its shortcut, if the tooltip includes it. But to keep everything on your fingertips, go through the complete list of Edge DevTools keyboard shortcuts. Let’s start –

Microsoft Edge DevTools Keyboard Shortcuts

Here is the Complete/Full List of Microsoft Edge DevTools Keyboard Shortcuts –

Elements Panel

? ?Navigate elements
??Expand/collapse
EnterEnter Edit attribute
HHide element
F2Toggle edit as HTML

Styles Pane

Tab Shift+TabNext/previous property
?Increment value
?Decrement value
 PageUp Shift+?Increment by 10
 PageDown Shift+?Decrement by 10
Shift+PageUpIncrement by 100
Shift+PageDownDecrement by 100
Alt+?Increment by 0.1
Alt+?Decrement by 0.1

Debugger

 F8 Ctrl+\Pause/ Continue
 F10 Ctrl+’Step over
 F11 Ctrl+;Step into
 Shift+F11 Ctrl+Shift+;Step out
 Ctrl+. Ctrl+,Next/previous call frame
Ctrl+Shift+EEvaluate selection in console
Ctrl+Shift+AAdd selection to watch
Ctrl+BToggle breakpoint
Ctrl+Shift+BToggle breakpoint enabled
Ctrl+F8Toggle all breakpoints
Ctrl+Alt+BOpen breakpoint editor

Console

Ctrl+LClear console
Tab ?Accept suggestion
Ctrl+UClear console prompt
??Next/previous line
EnterExecute command

Microsoft Edge DevTools Keyboard Shortcuts for Text Editor

Ctrl+Shift+OGo to member
Ctrl+SpaceAutocompletion
Ctrl+GGo to line
Alt+-Jump to previous editing location
Alt++Jump to next editing location
Ctrl+/Toggle comment
Alt+?Increment CSS unit by 1
Alt+?Decrement CSS unit by 1
Alt+PageUpIncrement CSS unit by 10
Alt+PageDownDecrement CSS unit by 10
Ctrl+DSelect next occurrence
Ctrl+USoft undo
Ctrl+MGo to matching bracket
Alt+WClose editor tab
Alt+OSwitch between files with

the same name and

different extensions.

Performance Panel

Ctrl+EStart/stop recording
Ctrl+Shift+ERecord page reload
Ctrl+SSave profile
Ctrl+OLoad profile
[ ]Jump to previous/next frame
Ctrl+HPick a recording from history
 Alt+? Alt+?Show previous/next

recording

Memory Panel

Ctrl+EStart/stop recording

Layers Panel

0Reset view
XSwitch to pan mode
VSwitch to rotate mode
ShiftTemporarily toggle

pan/rotate mode while held

Shift++  Numpad+Zoom in
Shift+-  Numpad-Zoom out
?W?SPan or rotate up/down
?A?DPan or rotate left/right

Microsoft Edge DevTools Keyboard Shortcuts for All Panels

Ctrl+[ Ctrl+]Go to the panel to the left/right
Ctrl+TildeShow console
EscToggle drawer
Ctrl+Shift+MToggle device mode
Ctrl+Shift+DToggle dock side
Ctrl+FSearch
Ctrl+Shift+FSearch across all sources
Ctrl+Shift+CSelect node to inspect
Ctrl+PGo to source

That’s all!!!

Tagged with 
   
 
About Sunita
Avatar for Sunita
Love to play with Windows 10. Suggestion - Going for Registry change or system files edit then remember to take a backup or create a restore point before Starting.

Leave a Reply

Your email address will not be published. Required fields are marked *