Skip to content

Chrome Devtool Keyboard Shortcuts

    Chrome Devtool Keyboard Shortcuts

    Chrome Devtool Keyboard Shortcuts for Windows

    Opening DevTools

    Open whatever panel you used last

    • Ctrl
    • +
    • Shift
    • +
    • I

    Open the Console panel

    • Ctrl
    • +
    • Shift
    • +
    • J

    Open the Elements panel

    • Ctrl
    • +
    • Shift
    • +
    • C

    Global Shortcuts

    Show Settings

    • F1

    Focus the next panel

    • Ctrl
    • +
    • ]

    Focus the previous panel

    • Ctrl
    • +
    • [

    Switch back to whatever docking position you last used

    • Ctrl
    • +
    • Shift
    • +
    • D

    Toggle Device Mode

    • Ctrl
    • +
    • Shift
    • +
    • M

    Toggle Inspect Element Mode

    • Ctrl
    • +
    • Shift
    • +
    • C

    Open the Command Menu

    • Ctrl
    • +
    • Shift
    • +
    • P

    Toggle the Drawer

    • Esc

    Normal reload

    • Ctrl
    • +
    • R

    Hard reload

    • Ctrl
    • +
    • Shift
    • +
    • R

    Search for text within the current panel

    • Ctrl
    • +
    • F

    Opens the Search tab in the Drawer

    • Ctrl
    • +
    • Shift
    • +
    • F

    Open a file in the Sources panel

    • Ctrl
    • +
    • P

    Zoom in

    • Ctrl
    • +
    • Shift
    • +
    • +

    Zoom out

    • Ctrl
    • +

    Restore default zoom level

    • Ctrl
    • +
    • 0

    Run snippet

    • Ctrl
    • +
    • O
    • +
    • !

    Elements Panel

    Undo change

    • Ctrl
    • +
    • Z

    Redo change

    • Ctrl
    • +
    • Y

    Select the element above or below the currently-selected element

    • Up/Down

    Expand the currently-selected node

    • Right

    Collapse the currently-selected node

    • Left

    Toggle Edit Attributes mode on the currently-selected element

    • Enter

    Select the next attribute after entering Edit Attributes mode

    • Tab

    Select the previous attribute after entering Edit Attributes mode

    • Shift
    • +
    • Tab

    Hide the currently-selected element

    • H

    Toggle Edit as HTML mode on the currently-selected element

    • F2

    Sources Panel

    Pause script execution (if running), or resume (if paused)

    • Ctrl
    • +
    • \

    Step over next function call

    • Ctrl
    • +

    Step into next function call

    • Ctrl
    • +
    • ;

    Step out of current function

    • Ctrl
    • +
    • Shift
    • +
    • ;

    Select the call frame below or above the currently-selected frame

    • Ctrl
    • +
    • ./,

    Save changes to local modifications

    • Ctrl
    • +
    • S

    Save all changes

    • Ctrl
    • +
    • Alt
    • +
    • S

    Go to line

    • Ctrl
    • +
    • G

    Close the active tab

    • Alt
    • +
    • W

    Code Editor

    Delete all characters in the last word, up to the cursor

    • Ctrl
    • +
    • Del

    Go to matching bracket

    • Ctrl
    • +
    • M

    Toggle single-line comment

    • Ctrl
    • +
    • /

    Select the next occurrence of whatever word the cursor is on

    • Ctrl
    • +
    • D

    Deselect the next occurrence of whatever word the cursor is on

    • Ctrl
    • +
    • U

    Performance Panel

    Start or stop recording

    • Ctrl
    • +
    • E

    Save recording

    • Ctrl
    • +
    • S

    Load recording

    • Ctrl
    • +
    • O

    Memory Panel

    Start or stop recording

    • Ctrl
    • +
    • E

    Console Panel

    Accept autocomplete suggestion

    • Tab

    Reject autocomplete suggestion

    • Esc

    Get previous statement

    • Up

    Get next statement

    • Down

    Focus the Console

    • Ctrl
    • +
    • `

    Clear the console

    • Ctrl
    • +
    • L

    Force a multi-line entry

    • Shift
    • +
    • Enter

    Execute

    • Enter

    Chrome Devtool Keyboard Shortcuts for Mac

    Opening DevTools

    Open whatever panel you used last

    • Cmd
    • +
    • Shift
    • +
    • I

    Open the Console panel

    • Cmd
    • +
    • Shift
    • +
    • J

    Open the Elements panel

    • Cmd
    • +
    • Shift
    • +
    • C

    Global Shortcuts

    Show Settings

    • F1

    Focus the next panel

    • Cmd
    • +
    • ]

    Focus the previous panel

    • Cmd
    • +
    • [

    Switch back to whatever docking position you last used

    • Cmd
    • +
    • Shift
    • +
    • D

    Toggle Device Mode

    • Cmd
    • +
    • Shift
    • +
    • M

    Toggle Inspect Element Mode

    • Cmd
    • +
    • Shift
    • +
    • C

    Open the Command Menu

    • Cmd
    • +
    • Shift
    • +
    • P

    Toggle the Drawer

    • Esc

    Normal reload

    • Cmd
    • +
    • R

    Hard reload

    • Cmd
    • +
    • Shift
    • +
    • R

    Search for text within the current panel

    • Cmd
    • +
    • F

    Opens the Search tab in the Drawer

    • Cmd
    • +
    • Shift
    • +
    • F

    Open a file in the Sources panel

    • Cmd
    • +
    • P

    Zoom in

    • Cmd
    • +
    • Shift
    • +
    • +

    Zoom out

    • Cmd
    • +

    Restore default zoom level

    • Cmd
    • +
    • 0

    Run snippet

    • Cmd
    • +
    • O
    • +
    • !

    Elements Panel

    Undo change

    • Cmd
    • +
    • Z

    Redo change

    • Cmd
    • +
    • Y

    Select the element above or below the currently-selected element

    • Up/Down

    Expand the currently-selected node

    • Right

    Collapse the currently-selected node

    • Left

    Toggle Edit Attributes mode on the currently-selected element

    • Enter

    Select the next attribute after entering Edit Attributes mode

    • Tab

    Select the previous attribute after entering Edit Attributes mode

    • Shift
    • +
    • Tab

    Hide the currently-selected element

    • H

    Toggle Edit as HTML mode on the currently-selected element

    • F2

    Sources Panel

    Pause script execution (if running), or resume (if paused)

    • Cmd
    • +
    • \

    Step over next function call

    • Cmd
    • +

    Step into next function call

    • Cmd
    • +
    • ;

    Step out of current function

    • Cmd
    • +
    • Shift
    • +
    • ;

    Select the call frame below or above the currently-selected frame

    • Cmd
    • +
    • ./,

    Save changes to local modifications

    • Cmd
    • +
    • S

    Save all changes

    • Cmd
    • +
    • Alt
    • +
    • S

    Go to line

    • Cmd
    • +
    • G

    Close the active tab

    • Alt
    • +
    • W

    Code Editor

    Delete all characters in the last word, up to the cursor

    • Cmd
    • +
    • Del

    Go to matching bracket

    • Cmd
    • +
    • M

    Toggle single-line comment

    • Cmd
    • +
    • /

    Select the next occurrence of whatever word the cursor is on

    • Cmd
    • +
    • D

    Deselect the next occurrence of whatever word the cursor is on

    • Cmd
    • +
    • U

    Performance Panel

    Start or stop recording

    • Cmd
    • +
    • E

    Save recording

    • Cmd
    • +
    • S

    Load recording

    • Cmd
    • +
    • O

    Memory Panel

    Start or stop recording

    • Cmd
    • +
    • E

    Console Panel

    Accept autocomplete suggestion

    • Tab

    Reject autocomplete suggestion

    • Esc

    Get previous statement

    • Up

    Get next statement

    • Down

    Focus the Console

    • Cmd
    • +
    • `

    Clear the console

    • Cmd
    • +
    • L

    Force a multi-line entry

    • Shift
    • +
    • Enter

    Execute

    • Enter