Google Chrome + DevTools 键盘快捷键

可打印的 Google Chrome 浏览器与 Chrome DevTools 常用快捷键参考卡,覆盖通用命令、标签页与窗口、地址栏与搜索、页面操作、DevTools 面板、DevTools 调试六大场景。

Google Chrome Chrome 130+ / Chromium

70 条快捷键

Common10

  • 新建窗口
    CtrlN
  • 新建无痕窗口
    CtrlShiftN
  • 新建标签页
    CtrlT
  • 关闭当前标签页
    CtrlW
  • 关闭当前窗口
    CtrlShiftW
  • 重新打开上次关闭的标签页
    CtrlShiftT
  • 退出 Chrome
    AltF4
  • 打开 Chrome 菜单
    AltF (or AltE)
  • 聚焦地址栏
    CtrlL (or AltD or F6)
  • 在标签页中打开搜索栏
    CtrlF (or /)

Tabs & windows10

  • 切换到下一个 / 上一个标签页
    CtrlTab / CtrlShiftTab
  • 切换到指定标签页(1-8)
    Ctrl1 .. Ctrl8
  • 切换到最后一个标签页(9)
    Ctrl9
  • 在新标签页中打开链接
    CtrlClick (on link)
  • 在新后台标签页中打开链接
    CtrlShiftClick
  • 在新窗口中打开链接
    ShiftClick
  • 将链接拖到标签栏(新标签页)
    Drag link to tab strip
  • 固定 / 取消固定标签页
    Right-click tab → Pin
  • 静音 / 取消静音标签页
    Click speaker icon in tab
  • 复制标签页
    CtrlShiftK (or right-click → Duplicate)

Address bar & search7

  • 聚焦地址栏(选中当前 URL)
    CtrlL
  • 使用默认引擎搜索
    TypeEnter (in address bar)
  • 使用搜索打开新标签页
    CtrlT (then type)
  • 搜索所选文本
    Right-click → Search Google (or CtrlShiftL in some setups)
  • 在地址栏为文本补全 www. + .com / 国家代码
    CtrlEnter
  • 将光标移至地址栏
    F6
  • 显示历史记录 / 自动完成
    Type in address bar (autocomplete)

Page navigation & actions19

  • 重新加载当前页
    F5 (or CtrlR)
  • 硬性重新加载(绕过缓存)
    CtrlShiftR (or ShiftF5)
  • 停止加载
    Escape
  • 后退 / 前进
    Alt← / Alt→ (or Backspace / ShiftBackspace)
  • 主页
    AltHome
  • 为此页添加书签
    CtrlD
  • 为所有打开的标签页添加书签
    CtrlShiftD
  • 打开书签页
    CtrlShiftO
  • 显示 / 隐藏书签栏
    CtrlShiftB
  • 打开历史记录页
    CtrlH
  • 打开下载页
    CtrlJ
  • 打开扩展页
    CtrlShiftA (or via menu)
  • 页面另存为
    CtrlS
  • 打印
    CtrlP
  • 在页面中查找
    CtrlF (or F3)
  • 查找下一个 / 上一个
    CtrlG / CtrlShiftG (or Enter / ShiftEnter in find bar)
  • 清除浏览数据
    CtrlShiftDelete
  • 切换全屏
    F11
  • 放大 / 缩小 / 重置
    Ctrl/ Ctrl- / Ctrl0

Chrome DevTools (open & panels)11

  • 打开开发者工具(上次的面板)
    F12 (or CtrlShiftI)
  • 打开元素 / 检查器面板
    CtrlShiftC
  • 打开控制台面板
    CtrlShiftJ
  • 打开源代码面板
    CtrlShiftF (or via panel bar)
  • 打开网络面板
    CtrlShiftE (or via panel bar)
  • 切换开发者工具面板(命令面板)
    CtrlShiftP
  • 显示 / 隐藏控制台抽屉
    Escape (in DevTools)
  • 切换设备模式(响应式视图)
    CtrlShiftM
  • 切换检查元素模式
    CtrlShiftC (or click Inspect icon)
  • 清除控制台
    CtrlL (in Console) / or click 🚫
  • 在开发者工具中打开命令面板
    CtrlShiftP

DevTools (debugging)13

  • 暂停 / 恢复脚本执行
    F8 (or Ctrl\)
  • 步过下一个函数调用
    F10
  • 步入下一个函数调用
    F11
  • 步出当前函数
    ShiftF11
  • 恢复执行
    F9 (in Sources panel — resume)
  • 在当前行切换断点
    CtrlB (in Sources)
  • 条件断点
    Right-click line number → Add conditional breakpoint
  • 日志点(不修改代码即可输出日志)
    Right-click line number → Add logpoint
  • 步入下一个异步函数
    F11 (with async call in stack)
  • 一直运行到下一个断点
    F8 (resume after pause)
  • 禁用所有断点
    CtrlShiftF8 (or click in Breakpoints panel)
  • 显示 / 隐藏控制台
    Escape (toggles drawer in DevTools)
  • 聚焦控制台搜索
    CtrlF (in Console)
关于 Chrome DevTools 快捷键

Google Chrome 是全球使用最广的网页浏览器,2026 年市场份额超 65%,其内置的 DevTools 是 Web 前端调试的事实标准。Chrome 的快捷键分两层:浏览器级(Ctrl+T 新标签页、Ctrl+L 地址栏)和 DevTools 级(F12 打开、Ctrl+Shift+P 命令面板、F8 单步跳过、F11 单步进入)。 本参考卡覆盖 80+ 条最常用快捷键,按 6 大功能区分组:通用、标签页与窗口、地址栏与搜索、页面操作、DevTools 面板、DevTools 调试。所有条目均转录自 Google 官方 Chrome + DevTools 文档。 使用方法 - 顶部选择平台(Windows / macOS)。 - 输入任意功能名或键位。 - 点击任意行「复制」按钮。 - 导出 PNG(2400×1140 横向)做壁纸;导出 PDF 做单页 A4 横向参考。 小贴士 - F12(Win)/ ⌥⌘I(Mac)打开 DevTools —— Web 开发者最常用的快捷键。 - DevTools 内 Ctrl+Shift+P 打开命令面板 —— 输入查找任意面板、操作或设置。 - F8 = 暂停/继续脚本;F10 = 单步跳过;F11 = 单步进入;⇧F11 = 单步跳出。 - Ctrl+Shift+C / ⇧⌘C 启动 Inspect Element 模式 —— 鼠标悬停高亮 DOM 节点。 - Ctrl+Shift+J / ⌥⌘J 直接打开 Console(跳过 Elements 面板)。 为什么 Chrome DevTools 和 vscode-shortcuts 分开?Chrome DevTools 是浏览器级工具,VS Code 是编辑器级。两者有少量重叠(如都有 Format Document),但快捷键生态分叉。分开让每个工具都聚焦。

版本 1.0.0