Google Chrome + DevTools Keyboard Shortcuts

A printable reference for the most-used Google Chrome browser and Chrome DevTools keyboard shortcuts. Covers common commands, tabs & windows, address bar & search, page navigation, DevTools panels, and DevTools debugging.

Google Chrome Chrome 130+ / Chromium

70 shortcuts

Common10

  • New window
    CtrlN
  • New incognito window
    CtrlShiftN
  • New tab
    CtrlT
  • Close current tab
    CtrlW
  • Close current window
    CtrlShiftW
  • Reopen last closed tab
    CtrlShiftT
  • Quit Chrome
    AltF4
  • Open Chrome menu
    AltF (or AltE)
  • Focus address bar
    CtrlL (or AltD or F6)
  • Open search bar in tab
    CtrlF (or /)

Tabs & windows10

  • Switch to next / previous tab
    CtrlTab / CtrlShiftTab
  • Switch to specific tab (1-8)
    Ctrl1 .. Ctrl8
  • Switch to last tab (9)
    Ctrl9
  • Open link in new tab
    CtrlClick (on link)
  • Open link in new background tab
    CtrlShiftClick
  • Open link in new window
    ShiftClick
  • Drag link to tab bar (new tab)
    Drag link to tab strip
  • Pin / unpin tab
    Right-click tab → Pin
  • Mute / unmute tab
    Click speaker icon in tab
  • Duplicate tab
    CtrlShiftK (or right-click → Duplicate)

Address bar & search7

  • Focus address bar (with current URL selected)
    CtrlL
  • Search with default engine
    TypeEnter (in address bar)
  • Open new tab with search
    CtrlT (then type)
  • Search selected text
    Right-click → Search Google (or CtrlShiftL in some setups)
  • Add www. + .com / country code to text in address bar
    CtrlEnter
  • Move cursor to address bar
    F6
  • Show history / autocomplete
    Type in address bar (autocomplete)

Page navigation & actions19

  • Reload current page
    F5 (or CtrlR)
  • Hard reload (bypass cache)
    CtrlShiftR (or ShiftF5)
  • Stop loading
    Escape
  • Back / Forward
    Alt← / Alt→ (or Backspace / ShiftBackspace)
  • Home page
    AltHome
  • Bookmark this page
    CtrlD
  • Bookmark all open tabs
    CtrlShiftD
  • Open Bookmarks page
    CtrlShiftO
  • Show / hide Bookmarks bar
    CtrlShiftB
  • Open History page
    CtrlH
  • Open Downloads page
    CtrlJ
  • Open Extensions page
    CtrlShiftA (or via menu)
  • Save page as
    CtrlS
  • Print
    CtrlP
  • Find in page
    CtrlF (or F3)
  • Find next / previous
    CtrlG / CtrlShiftG (or Enter / ShiftEnter in find bar)
  • Clear browsing data
    CtrlShiftDelete
  • Toggle full screen
    F11
  • Zoom in / out / reset
    Ctrl/ Ctrl- / Ctrl0

Chrome DevTools (open & panels)11

  • Open DevTools (last panel)
    F12 (or CtrlShiftI)
  • Open Elements / Inspector panel
    CtrlShiftC
  • Open Console panel
    CtrlShiftJ
  • Open Sources panel
    CtrlShiftF (or via panel bar)
  • Open Network panel
    CtrlShiftE (or via panel bar)
  • Switch DevTools panel (Command palette)
    CtrlShiftP
  • Show / hide Console drawer
    Escape (in DevTools)
  • Toggle Device Mode (responsive view)
    CtrlShiftM
  • Toggle Inspect Element mode
    CtrlShiftC (or click Inspect icon)
  • Clear Console
    CtrlL (in Console) / or click 🚫
  • Open Command palette in DevTools
    CtrlShiftP

DevTools (debugging)13

  • Pause / resume script execution
    F8 (or Ctrl\)
  • Step over next function call
    F10
  • Step into next function call
    F11
  • Step out of current function
    ShiftF11
  • Step (resume) execution
    F9 (in Sources panel — resume)
  • Toggle breakpoint on current line
    CtrlB (in Sources)
  • Conditional breakpoint
    Right-click line number → Add conditional breakpoint
  • Logpoint (log without modifying code)
    Right-click line number → Add logpoint
  • Step into next async function
    F11 (with async call in stack)
  • Run all until next breakpoint
    F8 (resume after pause)
  • Disable all breakpoints
    CtrlShiftF8 (or click in Breakpoints panel)
  • Show / hide Console
    Escape (toggles drawer in DevTools)
  • Focus Console search
    CtrlF (in Console)
About Chrome DevTools Shortcuts

Google Chrome is the world's most-used web browser with over 65% market share as of 2026, and its built-in DevTools is the de-facto standard for web frontend debugging. Chrome's shortcuts are split into two layers: browser-level (Ctrl+T new tab, Ctrl+L address bar) and DevTools-level (F12 open, Ctrl+Shift+P command palette, F8 step over, F11 step into). This reference card covers the most-used 80+ shortcuts across 6 functional areas: Common, Tabs & windows, Address bar & search, Page navigation & actions, DevTools (open & panels), DevTools (debugging). All entries are transcribed from Google's official Chrome + DevTools documentation. How to use - Pick your platform (Windows / macOS) at the top. - Search any feature name or shortcut text. - Click any row's Copy button to grab the key string. - Export PNG (2400×1140 landscape) for a wallpaper; PDF for a single A4 landscape page. Tips - F12 (Win) / ⌥⌘I (Mac) opens DevTools — the single most useful shortcut for web devs. - Ctrl+Shift+P inside DevTools opens the command palette — type to find any panel, action, or setting. - F8 = pause/resume script, F10 = step over, F11 = step into, Shift+F11 = step out. - Ctrl+Shift+C / ⇧⌘C activates Inspect Element mode — hover to highlight DOM nodes. - Ctrl+Shift+J / ⌥⌘J opens the Console directly (skipping Elements panel). Why this separate from vscode-shortcuts? Chrome DevTools is browser-level tooling, while VS Code is editor-level. They overlap (e.g., both have Format Document) but the shortcut ecosystems diverge. Splitting keeps each tool focused.

Version 1.0.0