系统学习 学习路径总入口:先选领域,再建立模型,最后用故障演练验证

Chrome/Edge 标签页、地址栏与开发者工具快捷键

适用场景

在 Chrome 或 Edge 里管理大量标签页、快速定位地址栏、打开开发者工具时用这一页。两套浏览器同源,绝大多数键位一致;Firefox 和 Safari 的差异集中列在最后一组。

macOS 上把 Ctrl 换成 Cmd,开发者工具用 Cmd+Option;远程桌面或虚拟机里的浏览器可能把按键送给远端,先确认焦点在浏览器窗口。

标签页与窗口

快捷键 作用 备注
Ctrl+T 新建标签页 焦点直接落到地址栏
Ctrl+W 关闭当前标签页 最后一个标签页会关窗口
Ctrl+Shift+T 恢复最近关闭的标签页 可连续按恢复多个
Ctrl+Tab / Ctrl+Shift+Tab 下一个或上一个标签页 按最近使用顺序切换
Ctrl+1…8 跳到第 N 个标签页 从左往右数
Ctrl+9 跳到最后一个标签页 不是第 9 个
Ctrl+N 新建浏览器窗口 与新建标签页不同
Ctrl+Shift+N 打开无痕/InPrivate 窗口 Chrome 无痕;Edge InPrivate
Ctrl+Shift+W 关闭当前窗口 会关闭窗口内所有标签页

地址栏与页面

快捷键 作用 备注
Ctrl+L / Alt+D / F6 聚焦地址栏 三者等价
Alt+Enter 在新标签页打开输入的地址 先输入再按
Ctrl+D 收藏当前页面 可编辑收藏夹位置
Ctrl+Shift+D 收藏所有打开的标签页 通常收进一个文件夹
Ctrl+H 打开历史记录 可搜索和恢复会话
Ctrl+J 打开下载内容 Edge 与 Chrome 一致
Ctrl+F 在页面内查找 Enter 下一个,Shift+Enter 上一个
Ctrl+Shift+R 强制刷新并跳过缓存 排查前端资源问题时用
Ctrl+Plus / Ctrl+Minus / Ctrl+0 放大、缩小、恢复缩放 按站点记忆
F11 全屏显示 再按退出

开发者工具

快捷键 作用 备注
F12 / Ctrl+Shift+I 打开或关闭开发者工具 Edge 与 Chrome 相同
Ctrl+Shift+J 打开控制台 直接定位到 Console
Ctrl+Shift+C 检查元素 进入选择元素模式
Ctrl+Shift+M 切换设备模拟工具栏 调试响应式布局
Ctrl+Shift+P 打开 DevTools 命令菜单 需 DevTools 获得焦点
Esc 显示或隐藏抽屉面板 常用 Console 抽屉
Ctrl+Shift+D 切换 DevTools 停靠位置 底部、侧边、独立窗口
Ctrl+[ / Ctrl+] 切换到上一个或下一个面板 焦点在 DevTools 内

macOS 与 Firefox/Safari 差异

快捷键 作用 备注
Cmd+T 新建标签页 macOS 各浏览器通用
Cmd+Shift+T 恢复关闭的标签页 macOS 各浏览器通用
Cmd+L 聚焦地址栏 macOS 各浏览器通用
Cmd+Option+I 打开开发者工具 Chrome/Edge;Safari 打开 Web Inspector
Cmd+Option+J 打开控制台 Chrome/Edge;Safari 用 Cmd+Option+C
Ctrl+Shift+K 打开控制台 Firefox;Chrome/Edge 对应 Ctrl+Shift+J
Ctrl+Shift+P 打开隐私窗口 Firefox;Chrome/Edge 的该组合在 DevTools 里是命令菜单

易错点

相关条目

参考链接

读完自测

  1. Ctrl+9 跳到第 9 个标签页吗?
  2. 为什么打开 DevTools 后 Ctrl+F 找不到网页里的文字?
  3. Firefox 和 Chrome 的 Ctrl+Shift+P 分别是什么?
答案
  1. 不是,它跳到最后一个标签页;固定位置用 Ctrl+1…8。
  2. 焦点在 DevTools 面板,Ctrl+F 搜索的是面板内容;点回网页或关闭 DevTools 再搜。
  3. Firefox 打开隐私窗口;Chrome/Edge 在 DevTools 获得焦点时打开命令菜单。
微信小程序码:扫码打开命令速查小程序

小程序版

微信扫码,随时查命令