Chrome DevTools  |  Chrome for Developers

Debug and optimize your web applications with Chrome DevTools.

Chrome DevTools  |  Chrome for Developers

Chrome Developer Tools

A visual cheat-sheet for the 56 keyboard shortcuts found in Chrome's Developer Tools

Reference Link

Overview

Total Shortcuts: 56

  • Opening DevTools:3 shortcuts
  • Global Shortcuts:17 shortcuts
  • Elements Panel:10 shortcuts
  • Sources Panel:9 shortcuts
  • Code Editor:5 shortcuts
  • Performance Panel:3 shortcuts
  • Memory Panel:1 shortcuts
  • Console Panel:8 shortcuts

Opening DevTools

  • Open whatever panel you used lastCtrl + Shift + I
  • Open the Console panelCtrl + Shift + J
  • Open the Elements panelCtrl + Shift + C

Global Shortcuts

  • Show SettingsF1
  • Focus the next panelCtrl + ]
  • Focus the previous panelCtrl + [
  • Switch back to whatever docking position you last usedCtrl + Shift + D
  • Toggle Device ModeCtrl + Shift + M
  • Toggle Inspect Element ModeCtrl + Shift + C
  • Open the Command MenuCtrl + Shift + P
  • Toggle the DrawerEsc
  • Normal reloadCtrl + R
  • Hard reloadCtrl + Shift + R
  • Search for text within the current panelCtrl + F
  • Opens the Search tab in the DrawerCtrl + Shift + F
  • Open a file in the Sources panelCtrl + P
  • Zoom inCtrl + Shift + +
  • Zoom outCtrl + -
  • Restore default zoom levelCtrl + 0
  • Run snippetCtrl + O + !

Elements Panel

  • Undo changeCtrl + Z
  • Redo changeCtrl + Y
  • Select the element above or below the currently-selected elementUp/Down
  • Expand the currently-selected nodeRight
  • Collapse the currently-selected nodeLeft
  • Toggle Edit Attributes mode on the currently-selected elementEnter
  • Select the next attribute after entering Edit Attributes modeTab
  • Select the previous attribute after entering Edit Attributes modeShift + Tab
  • Hide the currently-selected elementH
  • Toggle Edit as HTML mode on the currently-selected elementF2

Sources Panel

  • Pause script execution (if running), or resume (if paused)Ctrl + \
  • Step over next function callCtrl + '
  • Step into next function callCtrl + ;
  • Step out of current functionCtrl + Shift + ;
  • Select the call frame below or above the currently-selected frameCtrl + ./,
  • Save changes to local modificationsCtrl + S
  • Save all changesCtrl + Alt + S
  • Go to lineCtrl + G
  • Close the active tabAlt + W

Code Editor

  • Delete all characters in the last word, up to the cursorCtrl + Del
  • Go to matching bracketCtrl + M
  • Toggle single-line commentCtrl + /
  • Select the next occurrence of whatever word the cursor is onCtrl + D
  • Deselect the next occurrence of whatever word the cursor is onCtrl + U

Performance Panel

  • Start or stop recordingCtrl + E
  • Save recordingCtrl + S
  • Load recordingCtrl + O

Memory Panel

  • Start or stop recordingCtrl + E

Console Panel

  • Accept autocomplete suggestionTab
  • Reject autocomplete suggestionEsc
  • Get previous statementUp
  • Get next statementDown
  • Focus the ConsoleCtrl + `
  • Clear the consoleCtrl + L
  • Force a multi-line entryShift + Enter
  • ExecuteEnter

Startup.detail.introduction

Comprehensive Shortcut Collection: Access a wide array of shortcuts categorized by platform, software, and device.

  1. Discover Shortcuts Easily: User-friendly navigation and search functionality allow users to quickly find the shortcuts they need.

  2. Submit Your Own Shortcuts: Share favorite shortcuts with the community for free, helping others save time and improve their workflow.

To use iloveshortcuts.com, users can simply browse through the categories, use the search feature, and click on shortcuts to get detailed information and implementation tips. The platform is free to use, and users can also submit their own shortcuts for free.

While most features are available for free, premium content, such as advanced tips and exclusive shortcuts, may require a purchase. To maximize the use of iloveshortcuts.com, users can explore the constantly updated list of shortcuts and take advantage of the free submission feature to find the best shortcuts for their tasks and contribute to the community.