Skip to content
si:googlechrome

Chrome DevTools Shortcuts

Browsers

By EZ4Code Team

Opening DevTools

7
ShortcutDescriptionPlatform
F12Open DevToolswindows
Ctrl+Shift+IOpen DevToolswindows
Cmd+Option+IOpen DevToolsmac
Ctrl+Shift+JOpen Consolewindows
Cmd+Option+JOpen Consolemac
Ctrl+Shift+CInspect Elementwindows
Cmd+Shift+CInspect Elementmac

Panel Navigation

9
ShortcutDescriptionPlatform
Ctrl+]Next panelwindows
Cmd+]Next panelmac
Ctrl+[Previous panelwindows
Cmd+[Previous panelmac
Ctrl+Shift+DToggle dock side (bottom/right)windows
Cmd+Shift+DToggle dock side (bottom/right)mac
EscToggle drawerall
Ctrl+Shift+MToggle device modewindows
Cmd+Shift+MToggle device modemac

Elements Panel

6
ShortcutDescriptionPlatform
Up/DownNavigate elementsall
Left/RightCollapse/Expand elementall
EnterEdit attribute/textall
HHide elementall
DeleteDelete elementall
Ctrl+ZUndowindows

Sources & Debugging

10
ShortcutDescriptionPlatform
Ctrl+PSearch fileswindows
Cmd+PSearch filesmac
Ctrl+GGo to linewindows
Cmd+GGo to linemac
F10Step overwindows
F11Step intowindows
Shift+F11Step outwindows
F8Continue / Resumewindows
Ctrl+F8Toggle breakpointwindows
Cmd+F8Toggle breakpointmac

Console

7
ShortcutDescriptionPlatform
Ctrl+LClear consolewindows
Cmd+KClear consolemac
UpPrevious history entryall
DownNext history entryall
TabAutocompleteall
EnterExecuteall
Shift+EnterNew line (multiline)all

More Shortcuts

si:vscodeVS Codesi:ideaIntelliJ IDEAsi:vimVimsi:sublimeSublime Textsi:bashBashsimple:tmuxtmuxsi:gitGitsimple:googlechromeChromesi:firefoxFirefoxsi:figmaFigmasimple:applemacOSsi:windowsWindows