Skip to the main content

Chrome DevTools

Panels, debugging, the console, and code editing in Chrome's developer tools.

Published coverage: Mac, Windows. Environments: Web app.

42 actions and 42 key variants match.

Search all apps

Matching shortcuts
Action Keys Row actions
Open the last used DevTools panel Chrome Mac CmdOptionI Details
Open the Console panel Chrome Mac CmdOptionJ Details
Inspect an element on the page Chrome Mac CmdShiftC Details
Show the DevTools settings DevTools Mac ? Details
Focus the next panel DevTools Mac Cmd] Details
Focus the previous panel DevTools Mac Cmd[ Details
Switch back to the last docking position DevTools Mac CmdShiftD Details
Toggle device mode DevTools Mac CmdShiftM Details
Open the command menu DevTools Mac CmdShiftP Details
Show or hide the drawer DevTools Mac Esc Details
Reload the page DevTools Mac CmdR Details
Reload the page without the cache DevTools Mac CmdShiftR Details
Search within the current panel DevTools Mac CmdF Details
Search across every loaded resource DevTools Mac CmdOptionF Details
Open a file in the Sources panel DevTools Mac CmdP Details
Zoom DevTools out DevTools Mac Cmd- Details
Restore the default DevTools zoom DevTools Mac Cmd0 Details
Undo a change in Elements Elements panel Mac CmdZ Details
Redo a change in Elements Elements panel Mac CmdShiftZ Details
Hide the selected element Elements panel Mac H Details
Pause or resume script execution Sources panel Mac F8 Details
Step over the next function call Sources panel Mac F10 Details
Step into the next function call Sources panel Mac F11 Details
Step out of the current function Sources panel Mac ShiftF11 Details
Save changes to the file Sources panel Mac CmdS Details
Save every change Sources panel Mac CmdOptionS Details
Go to a line Sources panel Mac CtrlG Details
Go to a function or rule set Sources panel Mac CmdShiftO Details
Close the active editor tab Sources panel Mac OptionW Details
Show or hide the navigation sidebar Sources panel Mac CmdShiftY Details