Google Chrome + DevTools 键盘快捷键
可打印的 Google Chrome 浏览器与 Chrome DevTools 常用快捷键参考卡,覆盖通用命令、标签页与窗口、地址栏与搜索、页面操作、DevTools 面板、DevTools 调试六大场景。
Google Chrome Chrome 130+ / Chromium
70 条快捷键
Common10
- 新建窗口CtrlN
- 新建无痕窗口CtrlShiftN
- 新建标签页CtrlT
- 关闭当前标签页CtrlW
- 关闭当前窗口CtrlShiftW
- 重新打开上次关闭的标签页CtrlShiftT
- 退出 ChromeAltF4
- 打开 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),但快捷键生态分叉。分开让每个工具都聚焦。
免责声明
本快捷键查询网站为第三方非官方工具,与页面提及的所有软件产品商标持有人不存在任何隶属、投资、授权、官方合作关系。
网站内全部快捷键信息来源于公开网络资料、软件本地实测整理,仅作学习参考之用,不保证信息绝对准确、完整、实时适配软件所有版本。不同软件版本、系统环境下快捷键行为可能存在差异,请以软件官方文档为准。
页面中出现的所有产品名称、商标、标识均归对应版权方/商标权人所有,此处仅为描述性合理使用,用于标识对应软件,不代表获得商标权利人许可。
如版权方、商标权利人认为本站部分内容存在权益侵害,请发送邮件至[email protected],我们在收到有效权属证明后,会在合理期限内修改或移除相关内容。
本网站不对因使用本站信息而产生的任何直接或间接损失承担法律责任。
版本 1.0.0